wip: v0.0.5

init: 0.0.4
2025-04-27 22:14:21 +08:00 · 2025-04-27 18:01:58 +08:00
72 changed files with 382 additions and 5519 deletions
@@ -1,3 +0,0 @@
-frontend/node_modules
-dist
-frontend/dist
@@ -1,59 +0,0 @@
-run-name: build ushare
-on:
-  push:
-    tags:
-      - 'v*'
-
-jobs:
-  build ushare:
-    runs-on: tencent-sg
-    steps:
-      - name: prepare enviroment
-        uses: actions/checkout@v4
-
-      - name: prints date
-        run: date '+%Y-%m-%dT%H:%M:%S'
-
-      - name: print operator
-        run: whoami
-
-      - name: print tag name
-        run: echo "Tag name = ${{ gitea.ref_name }}"
-
-      - name: build prepare config
-        run: |
-          cat << EOF > .docker.config.json
-          ${{ secrets.DOCKER_CONFIG }}
-          EOF
-
-      - name: print work dir and files
-        run: pwd & ls -alsh .
-
-      - name: build image by docker build
-        run: docker build -t gitea.loveuer.com/loveuer/build/ushare:${{ gitea.ref_name }} .
-
-      - name: login repository
-        run: echo ${{ secrets.DOCKER_REPOSITORY_PASSWORD }} | docker login --username loveuer --password-stdin gitea.loveuer.com/loveuer
-
-      - name: push image to repository
-        run: docker push gitea.loveuer.com/loveuer/build/ushare:${{ gitea.ref_name }}
-
-#      - name: build by kaniko in docker
-#        run: |
-#          docker run --rm -v $(pwd):/workspace \
-#            -v $(pwd)/.docker.config.json:/kaniko/.docker/config.json:ro \
-#            alpine:latest \
-#            ls -alsh /workspace
-#            gcr.io/kaniko-project/executor:latest \
-#            --dockerfile=/workspace/Dockerfile \
-#            --context=/workspace \
-#            --destination=gitea.loveuer.com/loveuer/build/u-api:${{ gitea.ref_name }} \
-#            --single-snapshot
-
-  clean:
-    if: always()
-    runs-on: tencent-sg
-    steps:
-      - name: clean docker config
-        run: |
-          rm -rf .docker.config.json
@@ -1,38 +0,0 @@
-# 第一阶段：构建前端
-FROM node:20-alpine AS frontend-builder
-RUN npm install -g pnpm --registry=https://registry.npmmirror.com
-COPY frontend /app/frontend
-WORKDIR /app/frontend
-RUN pnpm install --registry=https://registry.npmmirror.com
-RUN pnpm run build
-
-# 第二阶段：构建 Golang 后端
-FROM golang:alpine AS backend-builder
-WORKDIR /app
-ENV CGO_ENABLED=0
-ENV GOOS=linux
-ENV GOPROXY=https://goproxy.cn
-COPY go.mod /app/go.mod
-COPY go.sum /app/go.sum
-RUN go mod download
-COPY main.go /app/main.go
-COPY internal /app/internal
-RUN go build -ldflags '-s -w' -o ushare .
-
-# 第三阶段：生成最终镜像
-FROM nginx:alpine
-COPY --from=frontend-builder /app/frontend/dist /usr/share/nginx/html
-COPY --from=backend-builder /app/ushare /usr/local/bin/ushare
-
-# 配置 Nginx
-RUN rm /etc/nginx/conf.d/default.conf
-COPY deployment/nginx.conf /etc/nginx/conf.d
-COPY deployment/entrypoint.sh /usr/local/bin/entrypoint.sh
-
-RUN chmod +x /usr/local/bin/entrypoint.sh
-
-# 开放端口
-EXPOSE 80
-
-# 启动服务
-ENTRYPOINT ["entrypoint.sh"]
@@ -1,35 +0,0 @@
-#!/bin/sh
-set -e
-
-# 启动后端服务（带参数后台运行）
-echo "启动后端服务，参数: $@"
-ushare "$@" &
-BACKEND_PID=$!
-
-# 定义优雅关闭函数
-graceful_shutdown() {
-    echo "接收到终止信号，开始优雅关闭..."
-
-    # 先关闭 Nginx
-    echo "关闭 Nginx..."
-    nginx -s quit 2>/dev/null || kill -TERM $NGINX_PID 2>/dev/null
-
-    # 关闭后端服务
-    echo "关闭后端服务 PID $BACKEND_PID..."
-    kill -TERM $BACKEND_PID 2>/dev/null
-
-    # 等待进程终止
-    wait $BACKEND_PID $NGINX_PID 2>/dev/null
-    exit 0
-}
-
-# 捕获系统信号
-trap 'graceful_shutdown' SIGTERM SIGINT
-
-# 启动 Nginx（前台运行）
-echo "启动 Nginx..."
-nginx -g "daemon off;" &
-NGINX_PID=$!
-
-# 等待所有后台进程
-wait $BACKEND_PID $NGINX_PID
@@ -1,23 +0,0 @@
-server {
-    listen 80;
-
-    location / {
-        root /usr/share/nginx/html;
-        try_files $uri $uri/ /index.html;
-    }
-
-    location /api {
-        proxy_pass http://localhost:9119;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-    }
-
-    location /ushare {
-        proxy_pass http://localhost:9119;
-        const rtc = new RTCPeerConnection({iceServers: [{urls: "stun:stun.qq.com:3478"}]})
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-    }
-}
@@ -2,19 +2,9 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-  <!-- Emoji 图标方案 -->
-  <link rel="icon"
-        href="data:image/svg+xml,
-          <svg xmlns='http://www.w3.org/2000/svg'
-               viewBox='0 0 100 100'>
-            <text y='.9em'
-                  font-size='90'
-                  style='font-family: Arial, sans-serif'>
-              🗃️
-            </text>
-          </svg>">
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>UShare</title>
+    <title>Vite + React + TS</title>
  </head>
  <body>
    <div id="root"></div>
@@ -10,11 +10,10 @@
    "preview": "vite preview"
  },
  "dependencies": {
+    "@tailwindcss/vite": "^4.1.4",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
-    "react-jss": "^10.10.0",
-    "react-router-dom": "^7.5.3",
-    "zustand": "^5.0.3"
+    "tailwindcss": "^4.1.4"
  },
  "devDependencies": {
    "@eslint/js": "^9.22.0",
@@ -8,21 +8,18 @@ importers:

  .:
    dependencies:
+      '@tailwindcss/vite':
+        specifier: ^4.1.4
+        version: 4.1.4(vite@6.3.3(jiti@2.4.2)(lightningcss@1.29.2))
      react:
        specifier: ^19.0.0
        version: 19.1.0
      react-dom:
        specifier: ^19.0.0
        version: 19.1.0(react@19.1.0)
-      react-jss:
-        specifier: ^10.10.0
-        version: 10.10.0(react@19.1.0)
-      react-router-dom:
-        specifier: ^7.5.3
-        version: 7.5.3(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      zustand:
-        specifier: ^5.0.3
-        version: 5.0.3(@types/react@19.1.2)(react@19.1.0)
+      tailwindcss:
+        specifier: ^4.1.4
+        version: 4.1.4
    devDependencies:
      '@eslint/js':
        specifier: ^9.22.0
@@ -131,10 +128,6 @@ packages:
    peerDependencies:
      '@babel/core': ^7.0.0-0

-  '@babel/runtime@7.27.0':
-    resolution: {integrity: sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==}
-    engines: {node: '>=6.9.0'}
-
  '@babel/template@7.27.0':
    resolution: {integrity: sha512-2ncevenBqXI6qRMukPlXwHKHchC7RyMuu4xv5JBXRfOGVcTy1mXCD12qrp7Jsoxll1EV3+9sE4GugBVRjT2jFA==}
    engines: {node: '>=6.9.0'}
@@ -147,12 +140,6 @@ packages:
    resolution: {integrity: sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==}
    engines: {node: '>=6.9.0'}

-  '@emotion/is-prop-valid@0.7.3':
-    resolution: {integrity: sha512-uxJqm/sqwXw3YPA5GXX365OBcJGFtxUVkB6WyezqFHlNe9jqUWH5ur2O2M8dGBz61kn1g3ZBlzUunFQXQIClhA==}
-
-  '@emotion/memoize@0.7.1':
-    resolution: {integrity: sha512-Qv4LTqO11jepd5Qmlp3M1YEjBumoTHcHFdgPTQ+sFlIL5myi/7xu/POwP7IRu6odBdmLXdtIs1D6TuW6kbwbbg==}
-
  '@esbuild/aix-ppc64@0.25.3':
    resolution: {integrity: sha512-W8bFfPA8DowP8l//sxjJLSLkD8iEjMc7cBVyP+u4cEv9sM7mdUCkgsj+t0n/BWPFtv7WWCN5Yzj0N6FJNUUqBQ==}
    engines: {node: '>=18'}
@@ -502,6 +489,100 @@ packages:
    cpu: [x64]
    os: [win32]

+  '@tailwindcss/node@4.1.4':
+    resolution: {integrity: sha512-MT5118zaiO6x6hNA04OWInuAiP1YISXql8Z+/Y8iisV5nuhM8VXlyhRuqc2PEviPszcXI66W44bCIk500Oolhw==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.4':
+    resolution: {integrity: sha512-xMMAe/SaCN/vHfQYui3fqaBDEXMu22BVwQ33veLc8ep+DNy7CWN52L+TTG9y1K397w9nkzv+Mw+mZWISiqhmlA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.4':
+    resolution: {integrity: sha512-JGRj0SYFuDuAGilWFBlshcexev2hOKfNkoX+0QTksKYq2zgF9VY/vVMq9m8IObYnLna0Xlg+ytCi2FN2rOL0Sg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.4':
+    resolution: {integrity: sha512-sdDeLNvs3cYeWsEJ4H1DvjOzaGios4QbBTNLVLVs0XQ0V95bffT3+scptzYGPMjm7xv4+qMhCDrkHwhnUySEzA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.4':
+    resolution: {integrity: sha512-VHxAqxqdghM83HslPhRsNhHo91McsxRJaEnShJOMu8mHmEj9Ig7ToHJtDukkuLWLzLboh2XSjq/0zO6wgvykNA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.4':
+    resolution: {integrity: sha512-OTU/m/eV4gQKxy9r5acuesqaymyeSCnsx1cFto/I1WhPmi5HDxX1nkzb8KYBiwkHIGg7CTfo/AcGzoXAJBxLfg==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.4':
+    resolution: {integrity: sha512-hKlLNvbmUC6z5g/J4H+Zx7f7w15whSVImokLPmP6ff1QqTVE+TxUM9PGuNsjHvkvlHUtGTdDnOvGNSEUiXI1Ww==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.4':
+    resolution: {integrity: sha512-X3As2xhtgPTY/m5edUtddmZ8rCruvBvtxYLMw9OsZdH01L2gS2icsHRwxdU0dMItNfVmrBezueXZCHxVeeb7Aw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.4':
+    resolution: {integrity: sha512-2VG4DqhGaDSmYIu6C4ua2vSLXnJsb/C9liej7TuSO04NK+JJJgJucDUgmX6sn7Gw3Cs5ZJ9ZLrnI0QRDOjLfNQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.4':
+    resolution: {integrity: sha512-v+mxVgH2kmur/X5Mdrz9m7TsoVjbdYQT0b4Z+dr+I4RvreCNXyCFELZL/DO0M1RsidZTrm6O1eMnV6zlgEzTMQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.4':
+    resolution: {integrity: sha512-2TLe9ir+9esCf6Wm+lLWTMbgklIjiF0pbmDnwmhR9MksVOq+e8aP3TSsXySnBDDvTTVd/vKu1aNttEGj3P6l8Q==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.4':
+    resolution: {integrity: sha512-VlnhfilPlO0ltxW9/BgfLI5547PYzqBMPIzRrk4W7uupgCt8z6Trw/tAj6QUtF2om+1MH281Pg+HHUJoLesmng==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.4':
+    resolution: {integrity: sha512-+7S63t5zhYjslUGb8NcgLpFXD+Kq1F/zt5Xv5qTv7HaFTG/DHyHD9GA6ieNAxhgyA4IcKa/zy7Xx4Oad2/wuhw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.4':
+    resolution: {integrity: sha512-p5wOpXyOJx7mKh5MXh5oKk+kqcz8T+bA3z/5VWWeQwFrmuBItGwz8Y2CHk/sJ+dNb9B0nYFfn0rj/cKHZyjahQ==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/vite@4.1.4':
+    resolution: {integrity: sha512-4UQeMrONbvrsXKXXp/uxmdEN5JIJ9RkH7YVzs6AMxC/KC1+Np7WZBaNIco7TEjlkthqxZbt8pU/ipD+hKjm80A==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6
+
  '@types/babel__core@7.20.5':
    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}

@@ -643,20 +724,10 @@ packages:
  convert-source-map@2.0.0:
    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}

-  cookie@1.0.2:
-    resolution: {integrity: sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==}
-    engines: {node: '>=18'}
-
  cross-spawn@7.0.6:
    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
    engines: {node: '>= 8'}

-  css-jss@10.10.0:
-    resolution: {integrity: sha512-YyMIS/LsSKEGXEaVJdjonWe18p4vXLo8CMA4FrW/kcaEyqdIGKCFXao31gbJddXEdIxSXFFURWrenBJPlKTgAA==}
-
-  css-vendor@2.0.8:
-    resolution: {integrity: sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==}
-
  csstype@3.1.3:
    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}

@@ -679,6 +750,10 @@ packages:
  electron-to-chromium@1.5.143:
    resolution: {integrity: sha512-QqklJMOFBMqe46k8iIOwA9l2hz57V2OKMmP5eSWcUvwx+mASAsbU+wkF1pHjn9ZVSBPrsYWr4/W/95y5SwYg2g==}

+  enhanced-resolve@5.18.1:
+    resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
+    engines: {node: '>=10.13.0'}
+
  esbuild@0.25.3:
    resolution: {integrity: sha512-qKA6Pvai73+M2FtftpNKRxJ78GIjmFXFxd/1DVBqGo/qNhLSfv+G12n9pNoWdytJC8U00TrViOwpjT0zgqQS8Q==}
    engines: {node: '>=18'}
@@ -817,6 +892,9 @@ packages:
    resolution: {integrity: sha512-iInW14XItCXET01CQFqudPOWP2jYMl7T+QRQT+UNcR/iQncN/F0UNpgd76iFkBPgNQb4+X3LV9tLJYzwh+Gl3A==}
    engines: {node: '>=18'}

+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
  graphemer@1.4.0:
    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}

@@ -824,12 +902,6 @@ packages:
    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
    engines: {node: '>=8'}

-  hoist-non-react-statics@3.3.2:
-    resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
-
-  hyphenate-style-name@1.1.0:
-    resolution: {integrity: sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==}
-
  ignore@5.3.2:
    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
    engines: {node: '>= 4'}
@@ -850,9 +922,6 @@ packages:
    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
    engines: {node: '>=0.10.0'}

-  is-in-browser@1.1.3:
-    resolution: {integrity: sha512-FeXIBgG/CPGd/WUxuEyvgGTEfwiG9Z4EKGxjNMRqviiIIfsmgrpnHLffEDdwUHqNva1VEW91o3xBT/m8Elgl9g==}
-
  is-number@7.0.0:
    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
    engines: {node: '>=0.12.0'}
@@ -890,48 +959,6 @@ packages:
    engines: {node: '>=6'}
    hasBin: true

-  jss-plugin-camel-case@10.10.0:
-    resolution: {integrity: sha512-z+HETfj5IYgFxh1wJnUAU8jByI48ED+v0fuTuhKrPR+pRBYS2EDwbusU8aFOpCdYhtRc9zhN+PJ7iNE8pAWyPw==}
-
-  jss-plugin-compose@10.10.0:
-    resolution: {integrity: sha512-F5kgtWpI2XfZ3Z8eP78tZEYFdgTIbpA/TMuX3a8vwrNolYtN1N4qJR/Ob0LAsqIwCMLojtxN7c7Oo/+Vz6THow==}
-
-  jss-plugin-default-unit@10.10.0:
-    resolution: {integrity: sha512-SvpajxIECi4JDUbGLefvNckmI+c2VWmP43qnEy/0eiwzRUsafg5DVSIWSzZe4d2vFX1u9nRDP46WCFV/PXVBGQ==}
-
-  jss-plugin-expand@10.10.0:
-    resolution: {integrity: sha512-ymT62W2OyDxBxr7A6JR87vVX9vTq2ep5jZLIdUSusfBIEENLdkkc0lL/Xaq8W9s3opUq7R0sZQpzRWELrfVYzA==}
-
-  jss-plugin-extend@10.10.0:
-    resolution: {integrity: sha512-sKYrcMfr4xxigmIwqTjxNcHwXJIfvhvjTNxF+Tbc1NmNdyspGW47Ey6sGH8BcQ4FFQhLXctpWCQSpDwdNmXSwg==}
-
-  jss-plugin-global@10.10.0:
-    resolution: {integrity: sha512-icXEYbMufiNuWfuazLeN+BNJO16Ge88OcXU5ZDC2vLqElmMybA31Wi7lZ3lf+vgufRocvPj8443irhYRgWxP+A==}
-
-  jss-plugin-nested@10.10.0:
-    resolution: {integrity: sha512-9R4JHxxGgiZhurDo3q7LdIiDEgtA1bTGzAbhSPyIOWb7ZubrjQe8acwhEQ6OEKydzpl8XHMtTnEwHXCARLYqYA==}
-
-  jss-plugin-props-sort@10.10.0:
-    resolution: {integrity: sha512-5VNJvQJbnq/vRfje6uZLe/FyaOpzP/IH1LP+0fr88QamVrGJa0hpRRyAa0ea4U/3LcorJfBFVyC4yN2QC73lJg==}
-
-  jss-plugin-rule-value-function@10.10.0:
-    resolution: {integrity: sha512-uEFJFgaCtkXeIPgki8ICw3Y7VMkL9GEan6SqmT9tqpwM+/t+hxfMUdU4wQ0MtOiMNWhwnckBV0IebrKcZM9C0g==}
-
-  jss-plugin-rule-value-observable@10.10.0:
-    resolution: {integrity: sha512-ZLMaYrR3QE+vD7nl3oNXuj79VZl9Kp8/u6A1IbTPDcuOu8b56cFdWRZNZ0vNr8jHewooEeq2doy8Oxtymr2ZPA==}
-
-  jss-plugin-template@10.10.0:
-    resolution: {integrity: sha512-ocXZBIOJOA+jISPdsgkTs8wwpK6UbsvtZK5JI7VUggTD6LWKbtoxUzadd2TpfF+lEtlhUmMsCkTRNkITdPKa6w==}
-
-  jss-plugin-vendor-prefixer@10.10.0:
-    resolution: {integrity: sha512-UY/41WumgjW8r1qMCO8l1ARg7NHnfRVWRhZ2E2m0DMYsr2DD91qIXLyNhiX83hHswR7Wm4D+oDYNC1zWCJWtqg==}
-
-  jss-preset-default@10.10.0:
-    resolution: {integrity: sha512-GL175Wt2FGhjE+f+Y3aWh+JioL06/QWFgZp53CbNNq6ZkVU0TDplD8Bxm9KnkotAYn3FlplNqoW5CjyLXcoJ7Q==}
-
-  jss@10.10.0:
-    resolution: {integrity: sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==}
-
  keyv@4.5.4:
    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}

@@ -1014,10 +1041,6 @@ packages:
  lodash.merge@4.6.2:
    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}

-  loose-envify@1.4.0:
-    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
-    hasBin: true
-
  lru-cache@5.1.1:
    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}

@@ -1050,10 +1073,6 @@ packages:
  node-releases@2.0.19:
    resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}

-  object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-
  optionator@0.9.4:
    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
    engines: {node: '>= 0.8.0'}
@@ -1097,9 +1116,6 @@ packages:
    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
    engines: {node: '>= 0.8.0'}

-  prop-types@15.8.1:
-    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
-
  punycode@2.3.1:
    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
    engines: {node: '>=6'}
@@ -1107,50 +1123,19 @@ packages:
  queue-microtask@1.2.3:
    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}

-  react-display-name@0.2.5:
-    resolution: {integrity: sha512-I+vcaK9t4+kypiSgaiVWAipqHRXYmZIuAiS8vzFvXHHXVigg/sMKwlRgLy6LH2i3rmP+0Vzfl5lFsFRwF1r3pg==}
-
  react-dom@19.1.0:
    resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
    peerDependencies:
      react: ^19.1.0

-  react-is@16.13.1:
-    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-
-  react-jss@10.10.0:
-    resolution: {integrity: sha512-WLiq84UYWqNBF6579/uprcIUnM1TSywYq6AIjKTTTG5ziJl9Uy+pwuvpN3apuyVwflMbD60PraeTKT7uWH9XEQ==}
-    peerDependencies:
-      react: '>=16.8.6'
-
  react-refresh@0.17.0:
    resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
    engines: {node: '>=0.10.0'}

-  react-router-dom@7.5.3:
-    resolution: {integrity: sha512-cK0jSaTyW4jV9SRKAItMIQfWZ/D6WEZafgHuuCb9g+SjhLolY78qc+De4w/Cz9ybjvLzShAmaIMEXt8iF1Cm+A==}
-    engines: {node: '>=20.0.0'}
-    peerDependencies:
-      react: '>=18'
-      react-dom: '>=18'
-
-  react-router@7.5.3:
-    resolution: {integrity: sha512-3iUDM4/fZCQ89SXlDa+Ph3MevBrozBAI655OAfWQlTm9nBR0IKlrmNwFow5lPHttbwvITZfkeeeZFP6zt3F7pw==}
-    engines: {node: '>=20.0.0'}
-    peerDependencies:
-      react: '>=18'
-      react-dom: '>=18'
-    peerDependenciesMeta:
-      react-dom:
-        optional: true
-
  react@19.1.0:
    resolution: {integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==}
    engines: {node: '>=0.10.0'}

-  regenerator-runtime@0.14.1:
-    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
-
  resolve-from@4.0.0:
    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
    engines: {node: '>=4'}
@@ -1179,12 +1164,6 @@ packages:
    engines: {node: '>=10'}
    hasBin: true

-  set-cookie-parser@2.7.1:
-    resolution: {integrity: sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==}
-
-  shallow-equal@1.2.1:
-    resolution: {integrity: sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA==}
-
  shebang-command@2.0.0:
    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
    engines: {node: '>=8'}
@@ -1205,18 +1184,12 @@ packages:
    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
    engines: {node: '>=8'}

-  symbol-observable@1.2.0:
-    resolution: {integrity: sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==}
-    engines: {node: '>=0.10.0'}
+  tailwindcss@4.1.4:
+    resolution: {integrity: sha512-1ZIUqtPITFbv/DxRmDr5/agPqJwF69d24m9qmM1939TJehgY539CtzeZRjbLt5G6fSy/7YqqYsfvoTEw9xUI2A==}

-  theming@3.3.0:
-    resolution: {integrity: sha512-u6l4qTJRDaWZsqa8JugaNt7Xd8PPl9+gonZaIe28vAhqgHMIG/DOyFPqiKN/gQLQYj05tHv+YQdNILL4zoiAVA==}
-    engines: {node: '>=8'}
-    peerDependencies:
-      react: '>=16.3'
-
-  tiny-warning@1.0.3:
-    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
+  tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+    engines: {node: '>=6'}

  tinyglobby@0.2.13:
    resolution: {integrity: sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==}
@@ -1232,9 +1205,6 @@ packages:
    peerDependencies:
      typescript: '>=4.8.4'

-  turbo-stream@2.4.0:
-    resolution: {integrity: sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==}
-
  type-check@0.4.0:
    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
    engines: {node: '>= 0.8.0'}
@@ -1316,24 +1286,6 @@ packages:
    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
    engines: {node: '>=10'}

-  zustand@5.0.3:
-    resolution: {integrity: sha512-14fwWQtU3pH4dE0dOpdMiWjddcH+QzKIgk1cl8epwSE7yag43k/AD/m4L6+K7DytAOr9gGBe3/EXj9g7cdostg==}
-    engines: {node: '>=12.20.0'}
-    peerDependencies:
-      '@types/react': '>=18.0.0'
-      immer: '>=9.0.6'
-      react: '>=18.0.0'
-      use-sync-external-store: '>=1.2.0'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      immer:
-        optional: true
-      react:
-        optional: true
-      use-sync-external-store:
-        optional: true
-
 snapshots:

  '@ampproject/remapping@2.3.0':
@@ -1428,10 +1380,6 @@ snapshots:
      '@babel/core': 7.26.10
      '@babel/helper-plugin-utils': 7.26.5

-  '@babel/runtime@7.27.0':
-    dependencies:
-      regenerator-runtime: 0.14.1
-
  '@babel/template@7.27.0':
    dependencies:
      '@babel/code-frame': 7.26.2
@@ -1455,12 +1403,6 @@ snapshots:
      '@babel/helper-string-parser': 7.25.9
      '@babel/helper-validator-identifier': 7.25.9

-  '@emotion/is-prop-valid@0.7.3':
-    dependencies:
-      '@emotion/memoize': 0.7.1
-
-  '@emotion/memoize@0.7.1': {}
-
  '@esbuild/aix-ppc64@0.25.3':
    optional: true

@@ -1682,6 +1624,71 @@ snapshots:
  '@rollup/rollup-win32-x64-msvc@4.40.0':
    optional: true

+  '@tailwindcss/node@4.1.4':
+    dependencies:
+      enhanced-resolve: 5.18.1
+      jiti: 2.4.2
+      lightningcss: 1.29.2
+      tailwindcss: 4.1.4
+
+  '@tailwindcss/oxide-android-arm64@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.4':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.4':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.4
+      '@tailwindcss/oxide-darwin-arm64': 4.1.4
+      '@tailwindcss/oxide-darwin-x64': 4.1.4
+      '@tailwindcss/oxide-freebsd-x64': 4.1.4
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.4
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.4
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.4
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.4
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.4
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.4
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.4
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.4
+
+  '@tailwindcss/vite@4.1.4(vite@6.3.3(jiti@2.4.2)(lightningcss@1.29.2))':
+    dependencies:
+      '@tailwindcss/node': 4.1.4
+      '@tailwindcss/oxide': 4.1.4
+      tailwindcss: 4.1.4
+      vite: 6.3.3(jiti@2.4.2)(lightningcss@1.29.2)
+
  '@types/babel__core@7.20.5':
    dependencies:
      '@babel/parser': 7.27.0
@@ -1863,25 +1870,12 @@ snapshots:

  convert-source-map@2.0.0: {}

-  cookie@1.0.2: {}
-
  cross-spawn@7.0.6:
    dependencies:
      path-key: 3.1.1
      shebang-command: 2.0.0
      which: 2.0.2

-  css-jss@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-      jss-preset-default: 10.10.0
-
-  css-vendor@2.0.8:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      is-in-browser: 1.1.3
-
  csstype@3.1.3: {}

  debug@4.4.0:
@@ -1890,11 +1884,15 @@ snapshots:

  deep-is@0.1.4: {}

-  detect-libc@2.0.4:
-    optional: true
+  detect-libc@2.0.4: {}

  electron-to-chromium@1.5.143: {}

+  enhanced-resolve@5.18.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.1
+
  esbuild@0.25.3:
    optionalDependencies:
      '@esbuild/aix-ppc64': 0.25.3
@@ -2065,16 +2063,12 @@ snapshots:

  globals@16.0.0: {}

+  graceful-fs@4.2.11: {}
+
  graphemer@1.4.0: {}

  has-flag@4.0.0: {}

-  hoist-non-react-statics@3.3.2:
-    dependencies:
-      react-is: 16.13.1
-
-  hyphenate-style-name@1.1.0: {}
-
  ignore@5.3.2: {}

  import-fresh@3.3.1:
@@ -2090,14 +2084,11 @@ snapshots:
    dependencies:
      is-extglob: 2.1.1

-  is-in-browser@1.1.3: {}
-
  is-number@7.0.0: {}

  isexe@2.0.0: {}

-  jiti@2.4.2:
-    optional: true
+  jiti@2.4.2: {}

  js-tokens@4.0.0: {}

@@ -2115,98 +2106,6 @@ snapshots:

  json5@2.2.3: {}

-  jss-plugin-camel-case@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      hyphenate-style-name: 1.1.0
-      jss: 10.10.0
-
-  jss-plugin-compose@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-      tiny-warning: 1.0.3
-
-  jss-plugin-default-unit@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-
-  jss-plugin-expand@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-
-  jss-plugin-extend@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-      tiny-warning: 1.0.3
-
-  jss-plugin-global@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-
-  jss-plugin-nested@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-      tiny-warning: 1.0.3
-
-  jss-plugin-props-sort@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-
-  jss-plugin-rule-value-function@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-      tiny-warning: 1.0.3
-
-  jss-plugin-rule-value-observable@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-      symbol-observable: 1.2.0
-
-  jss-plugin-template@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-      tiny-warning: 1.0.3
-
-  jss-plugin-vendor-prefixer@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      css-vendor: 2.0.8
-      jss: 10.10.0
-
-  jss-preset-default@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      jss: 10.10.0
-      jss-plugin-camel-case: 10.10.0
-      jss-plugin-compose: 10.10.0
-      jss-plugin-default-unit: 10.10.0
-      jss-plugin-expand: 10.10.0
-      jss-plugin-extend: 10.10.0
-      jss-plugin-global: 10.10.0
-      jss-plugin-nested: 10.10.0
-      jss-plugin-props-sort: 10.10.0
-      jss-plugin-rule-value-function: 10.10.0
-      jss-plugin-rule-value-observable: 10.10.0
-      jss-plugin-template: 10.10.0
-      jss-plugin-vendor-prefixer: 10.10.0
-
-  jss@10.10.0:
-    dependencies:
-      '@babel/runtime': 7.27.0
-      csstype: 3.1.3
-      is-in-browser: 1.1.3
-      tiny-warning: 1.0.3
-
  keyv@4.5.4:
    dependencies:
      json-buffer: 3.0.1
@@ -2260,7 +2159,6 @@ snapshots:
      lightningcss-linux-x64-musl: 1.29.2
      lightningcss-win32-arm64-msvc: 1.29.2
      lightningcss-win32-x64-msvc: 1.29.2
-    optional: true

  locate-path@6.0.0:
    dependencies:
@@ -2268,10 +2166,6 @@ snapshots:

  lodash.merge@4.6.2: {}

-  loose-envify@1.4.0:
-    dependencies:
-      js-tokens: 4.0.0
-
  lru-cache@5.1.1:
    dependencies:
      yallist: 3.1.1
@@ -2299,8 +2193,6 @@ snapshots:

  node-releases@2.0.19: {}

-  object-assign@4.1.1: {}
-
  optionator@0.9.4:
    dependencies:
      deep-is: 0.1.4
@@ -2340,61 +2232,19 @@ snapshots:

  prelude-ls@1.2.1: {}

-  prop-types@15.8.1:
-    dependencies:
-      loose-envify: 1.4.0
-      object-assign: 4.1.1
-      react-is: 16.13.1
-
  punycode@2.3.1: {}

  queue-microtask@1.2.3: {}

-  react-display-name@0.2.5: {}
-
  react-dom@19.1.0(react@19.1.0):
    dependencies:
      react: 19.1.0
      scheduler: 0.26.0

-  react-is@16.13.1: {}
-
-  react-jss@10.10.0(react@19.1.0):
-    dependencies:
-      '@babel/runtime': 7.27.0
-      '@emotion/is-prop-valid': 0.7.3
-      css-jss: 10.10.0
-      hoist-non-react-statics: 3.3.2
-      is-in-browser: 1.1.3
-      jss: 10.10.0
-      jss-preset-default: 10.10.0
-      prop-types: 15.8.1
-      react: 19.1.0
-      shallow-equal: 1.2.1
-      theming: 3.3.0(react@19.1.0)
-      tiny-warning: 1.0.3
-
  react-refresh@0.17.0: {}

-  react-router-dom@7.5.3(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
-    dependencies:
-      react: 19.1.0
-      react-dom: 19.1.0(react@19.1.0)
-      react-router: 7.5.3(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-
-  react-router@7.5.3(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
-    dependencies:
-      cookie: 1.0.2
-      react: 19.1.0
-      set-cookie-parser: 2.7.1
-      turbo-stream: 2.4.0
-    optionalDependencies:
-      react-dom: 19.1.0(react@19.1.0)
-
  react@19.1.0: {}

-  regenerator-runtime@0.14.1: {}
-
  resolve-from@4.0.0: {}

  reusify@1.1.0: {}
@@ -2435,10 +2285,6 @@ snapshots:

  semver@7.7.1: {}

-  set-cookie-parser@2.7.1: {}
-
-  shallow-equal@1.2.1: {}
-
  shebang-command@2.0.0:
    dependencies:
      shebang-regex: 3.0.0
@@ -2453,17 +2299,9 @@ snapshots:
    dependencies:
      has-flag: 4.0.0

-  symbol-observable@1.2.0: {}
+  tailwindcss@4.1.4: {}

-  theming@3.3.0(react@19.1.0):
-    dependencies:
-      hoist-non-react-statics: 3.3.2
-      prop-types: 15.8.1
-      react: 19.1.0
-      react-display-name: 0.2.5
-      tiny-warning: 1.0.3
-
-  tiny-warning@1.0.3: {}
+  tapable@2.2.1: {}

  tinyglobby@0.2.13:
    dependencies:
@@ -2478,8 +2316,6 @@ snapshots:
    dependencies:
      typescript: 5.7.3

-  turbo-stream@2.4.0: {}
-
  type-check@0.4.0:
    dependencies:
      prelude-ls: 1.2.1
@@ -2528,8 +2364,3 @@ snapshots:
  yallist@3.1.1: {}

  yocto-queue@0.1.0: {}
-
-  zustand@5.0.3(@types/react@19.1.2)(react@19.1.0):
-    optionalDependencies:
-      '@types/react': 19.1.2
-      react: 19.1.0
@@ -0,0 +1,5 @@
+import {FileSharing} from "./page/share.tsx";
+
+export function App() {
+    return <FileSharing />;
+}
@@ -1,32 +0,0 @@
-import {useState} from "react";
-import {message} from "../hook/message/u-message.tsx";
-
-export interface User {
-    id: number;
-    username: string;
-    login_at: number;
-    token: string;
-}
-
-export const useAuth = () => {
-    const [user, setUser] = useState<User | null>(null)
-
-    const login = async (username: string, password: string) => {
-        let res = await fetch("/api/uauth/login", {
-            method: "POST",
-            headers: {"Content-Type": "application/json"},
-            body: JSON.stringify({username: username, password: password}),
-        })
-
-        if(res.status !== 200) {
-            message.error("账号或密码错误")
-            throw new Error(await res.text())
-        }
-
-        let jes = await res.json() as User;
-
-        setUser(jes)
-    }
-
-    return {user, login}
-}
@@ -1,82 +0,0 @@
-import { useState } from 'react';
-
-
-interface UploadRes {
-    code: string
-}
-
-export const useFileUpload = () => {
-    const [progress, setProgress] = useState(0);
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState<string | null>(null);
-
-    const uploadFile = async (file: File): Promise<string> => {
-        setLoading(true);
-        setError(null);
-        setProgress(0);
-
-        try {
-            const url = `/api/ushare/${file.name}`;
-
-            // 1. 初始化上传
-            const res1 = await fetch(url, {
-                method: "PUT",
-                headers: {"X-File-Size": file.size.toString()}
-            });
-
-            if (!res1.ok) {
-                console.log(`[W] upload: put file not ok, status = ${res1.status}, res = ${await res1.text()}`)
-                if (res1.status === 401) {
-                    window.location.href = "/login?next=/share"
-                    return ""
-                }
-
-                throw new Error("上传失败<1>");
-            }
-
-            const j1 = await res1.json() as UploadRes;
-            if (!j1.code) {
-                throw new Error("上传失败<2>");
-            }
-
-            // 2. 准备分片上传
-            const CHUNK_SIZE = 1024 * 1024;
-            const totalChunks = Math.ceil(file.size / CHUNK_SIZE);
-            const code = j1.code;
-
-            // 3. 上传分片
-            for (let chunkIndex = 0; chunkIndex < totalChunks; chunkIndex++) {
-                const start = chunkIndex * CHUNK_SIZE;
-                const end = Math.min(start + CHUNK_SIZE, file.size);
-                const chunk = file.slice(start, end);
-
-                const res = await fetch(`/api/ushare/${code}`, {
-                    method: "POST",
-                    headers: {
-                        "Range": `bytes=${start}-${end - 1}`,
-                        "Content-Type": "application/octet-stream"
-                    },
-                    body: chunk
-                });
-
-                if (!res.ok) {
-                    const err = await res.text();
-                    throw new Error(`上传失败<3>: ${err}`);
-                }
-
-                // 更新进度
-                // const currentProgress = Number(((chunkIndex + 1) / totalChunks * 100).toFixed(2)); // 小数
-                const currentProgress = Math.round(((chunkIndex + 1) / totalChunks) * 100); // 整数 0-100
-                setProgress(currentProgress);
-            }
-
-            return code;
-        } catch (err) {
-            throw err; // 将错误继续抛出以便组件处理
-        } finally {
-            setLoading(false);
-        }
-    };
-
-    return { uploadFile, progress, loading, error };
-};
@@ -1,102 +0,0 @@
-import React, {ReactNode} from 'react';
-import {createUseStyles} from 'react-jss';
-
-const useStyle = createUseStyles({
-    ubutton: {
-        backgroundColor: "#4CAF50",
-        color: "white",
-        padding: "10px 20px",
-        border: "none",
-        borderRadius: "5px",
-        cursor: "pointer",
-        transition: "background-color 0.3s",
-        position: 'relative',
-        overflow: 'hidden',
-        "&:hover": {
-            backgroundColor: "#45a049",
-        },
-        "&:disabled": {
-            backgroundColor: "#a5d6a7",
-            cursor: "not-allowed",
-        },
-    },
-    loadingContent: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '8px',
-    },
-    spinner: {
-        animation: '$spin 1s linear infinite',
-        border: '2px solid white',
-        borderTopColor: 'transparent',
-        borderRadius: '50%',
-        width: '16px',
-        height: '16px',
-    },
-    '@keyframes spin': {
-        '0%': {transform: 'rotate(0deg)'},
-        '100%': {transform: 'rotate(360deg)'},
-    },
-    progressBar: {
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        height: '3px',
-        backgroundColor: 'rgba(255,255,255,0.5)',
-        width: '100%',
-    },
-    progressFill: {
-        height: '100%',
-        backgroundColor: 'white',
-        transition: 'width 0.3s ease',
-    },
-});
-
-
-type Props = {
-    onClick?: () => void;
-    children: ReactNode;
-    disabled?: boolean;
-    style?: React.CSSProperties;
-    loading?: boolean;
-    process?: number;
-};
-
-export const UButton: React.FC<Props> = ({
-                                             onClick,
-                                             children,
-                                             disabled = false,
-                                             style,
-                                             loading,
-                                             process
-                                         }) => {
-    const classes = useStyle();
-
-    return (
-        <button
-            style={style}
-            className={classes.ubutton}
-            disabled={disabled || loading}
-            onClick={onClick}
-        >
-            {/* 显示加载状态或默认内容 */}
-            {loading ? (
-                <div className={classes.loadingContent}>
-                    <span className={classes.spinner}/>
-                    {children}
-                    {process && `(${process}%)`}
-                </div>
-            ) : children}
-
-            {/* 显示进度条 */}
-            {process !== undefined && (
-                <div className={classes.progressBar}>
-                    <div
-                        className={classes.progressFill}
-                        style={{width: `${Math.min(Math.max(process, 0), 100)}%`}}
-                    />
-                </div>
-            )}
-        </button>
-    );
-};
@@ -1,137 +0,0 @@
-import React, { useEffect, useRef, ReactNode } from 'react';
-import {createUseStyles} from "react-jss";
-
-const useClass = createUseStyles({
-    dialog: {
-        border: "none",
-        borderRadius: "8px",
-        padding: "2rem 3rem",
-        boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
-        maxWidth: "90%",
-        width: "500px",
-        opacity: 0,
-        transform: "translateY(-20px)",
-        transition: "opacity 0.3s ease-out, transform 0.3s ease-out",
-        "&[open]": { opacity: 1, transform: "translateY(0)" },
-        "&::backdrop": {
-            background: "rgba(0, 0, 0, 0.5)",
-            backdropFilter: "blur(2px)"
-        },
-        background: "rgba(212,212,212,0.85)",
-        backdropFilter: "blur(8px)",
-    },
-    dialog_content: {
-        padding: "1.5rem",
-        display: "flex",
-        flexDirection: "column"
-    },
-    dialog_header: {
-        fontSize: "1.5rem",
-        fontWeight: 600,
-        marginBottom: "1rem",
-        paddingBottom: "0.5rem",
-        borderBottom: "1px solid #eee"
-    },
-    dialog_body: { marginBottom: "1.5rem" },
-    dialog_footer: { display: "flex", justifyContent: "flex-end" },
-    close_button: {
-        padding: "8px 16px",
-        background: "#007aff",
-        color: "white",
-        border: "none",
-        borderRadius: "4px",
-        cursor: "pointer",
-        fontSize: "1rem",
-        "&:hover": { background: "#0062cc" }
-    },
-})
-
-export interface DialogProps {
-    /** 对话框是否打开 */
-    open: boolean;
-    /** 对话框标题 */
-    title?: string;
-    /** 对话框内容 */
-    children: ReactNode;
-    /** 关闭对话框时的回调 */
-    onClose: () => void;
-    /** 自定义样式类名 */
-    className?: string;
-    /** 是否显示底部footer（关闭按钮） */
-    footer?: boolean;
-}
-
-/**
- * 使用 HTML 原生 dialog 元素的模态对话框组件
- */
-export const Dialog: React.FC<DialogProps> = ({
-                                                  open,
-                                                  title,
-                                                  children,
-                                                  onClose,
-                                                  className = '',
-                                                  footer = true,
-                                              }) => {
-    const classes = useClass();
-    const dialogRef = useRef<HTMLDivElement>(null);
-
-    // ESC 键关闭
-    useEffect(() => {
-        if (!open) return;
-        const handleKeyDown = (e: KeyboardEvent) => {
-            if (e.key === 'Escape') {
-                onClose();
-            }
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => document.removeEventListener('keydown', handleKeyDown);
-    }, [open, onClose]);
-
-    // 遮罩点击关闭
-    const handleMaskClick = (e: React.MouseEvent<HTMLDivElement>) => {
-        if (e.target === dialogRef.current) {
-            onClose();
-        }
-    };
-
-    if (!open) return null;
-
-    return (
-        <div
-            ref={dialogRef}
-            className={className}
-            style={{
-                position: 'fixed',
-                zIndex: 1100,
-                left: 0,
-                top: 0,
-                width: '100vw',
-                height: '100vh',
-                background: 'rgba(0,0,0,0.5)',
-                backdropFilter: 'blur(2px)',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}
-            onClick={handleMaskClick}
-        >
-            <article className={classes.dialog} style={{opacity: 1, transform: 'translateY(0)'}}>
-                {title && <header className={classes.dialog_header}>{title}</header>}
-                <div className={classes.dialog_body}>
-                    {children}
-                </div>
-                {footer !== false && (
-                    <footer className={classes.dialog_footer}>
-                        <button
-                            className={classes.close_button}
-                            onClick={onClose}
-                            aria-label="关闭对话框"
-                        >
-                            关闭
-                        </button>
-                    </footer>
-                )}
-            </article>
-        </div>
-    );
-};
@@ -1,84 +0,0 @@
-import React, {useEffect} from 'react';
-import {createUseStyles} from "react-jss"; // 使用 CSS Modules
-
-const useClass = createUseStyles({
-    backdrop: {
-        position: "fixed",
-        top: "0",
-        left: "0",
-        width: "100%",
-        height: "100%",
-        maxHeight: '100%',
-        backgroundColor: "rgba(0, 0, 0, 0.5)",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "flex-end",
-        opacity: 0,
-        transition: "opacity 0.3s ease-in-out",
-        pointerEvents: "none",
-        zIndex: 1000,
-        overflow: 'hidden',
-    },
-    visible: {opacity: 1, pointerEvents: "auto"},
-    drawer_content: {
-        background: "white",
-        borderRadius: "8px 8px 0 0",
-        transition: "transform 0.3s ease-in-out",
-        overflow: "auto",
-        boxShadow: "0 -2px 8px rgba(0, 0, 0, 0.1)"
-    }
-})
-
-export interface DrawerProps {
-    isOpen: boolean;
-    close: () => void;
-    onClose?: () => void;
-    height?: string;
-    width?: string;
-    children?: React.ReactNode;
-}
-
-export const Drawer: React.FC<DrawerProps> = ({
-                                                  isOpen,
-                                                  close,
-                                                  onClose,
-                                                  height = '300px',
-                                                  width = '100%',
-                                                  children
-                                              }) => {
-    const classes = useClass();
-    useEffect(() => {
-        const handleEscape = (e: KeyboardEvent) => {
-            if (e.key === 'Escape') {
-               close()
-            }
-        };
-        if (isOpen) {
-            document.addEventListener('keydown', handleEscape);
-            document.body.style.overflow = 'hidden';
-        } else {
-            document.body.style.overflow = 'auto';
-        }
-    }, [isOpen, onClose]);
-
-    return (
-        <div
-            className={`${classes.backdrop} ${isOpen ? classes.visible : ''}`}
-            onClick={onClose}
-            role="dialog"
-            aria-modal="true"
-        >
-            <div
-                className={classes.drawer_content}
-                style={{
-                    height,
-                    width,
-                    transform: isOpen ? 'translateY(0)' : 'translateY(100%)'
-                }}
-                onClick={(e) => e.stopPropagation()}
-            >
-                {children}
-            </div>
-        </div>
-    );
-};
@@ -1,159 +0,0 @@
-import  { useRef, useEffect } from 'react';
-
-export const CloudBackground = () => {
-    const canvasRef = useRef<HTMLCanvasElement>(null);
-
-    // 完整可配置参数
-    const config = {
-        cloudNum: 8,            // 云朵数量
-        maxSpeed: 3.0,          // 最大水平速度
-        cloudSize: 100,          // 基础云朵尺寸 (新增)
-        sizeVariation: 0.5,     // 尺寸随机变化率 (0-1)
-        colorVariation: 20,     // 色相变化范围
-        verticalOscillation: 0.5, // 垂直浮动幅度
-        shapeComplexity: 5,     // 形状复杂度（组成圆形数量）
-        boundaryOffset: 3       // 边界偏移倍数
-    };
-
-    type Cloud = {
-        x: number;
-        y: number;
-        speed: number;
-        circles: CloudCircle[];
-        color: string;
-        maxRadius: number;      // 记录云朵最大半径
-    };
-
-    type CloudCircle = {
-        offsetX: number;
-        offsetY: number;
-        radius: number;
-    };
-
-    useEffect(() => {
-        const canvas = canvasRef.current!;
-        const ctx = canvas.getContext('2d')!;
-
-        const resize = () => {
-            canvas.width = window.innerWidth;
-            canvas.height = window.innerHeight;
-        };
-        resize();
-
-        // 生成云朵形状（基于配置参数）
-        const createCloudShape = () => {
-            const circles: CloudCircle[] = [];
-            const circleCount = 4 + Math.floor(Math.random() * config.shapeComplexity);
-
-            for(let i = 0; i < circleCount; i++) {
-                circles.push({
-                    offsetX: (Math.random() - 0.5) * config.cloudSize * 1.5,
-                    offsetY: (Math.random() - 0.5) * config.cloudSize * 0.8,
-                    radius: config.cloudSize * (1 - config.sizeVariation + Math.random() * config.sizeVariation)
-                });
-            }
-            return circles;
-        };
-
-        let clouds: Cloud[] = [];
-        const createClouds = () => {
-            clouds = Array.from({ length: config.cloudNum }).map(() => {
-                const shape = createCloudShape();
-                return {
-                    x: Math.random() * canvas.width,
-                    y: canvas.height * (0.2 + Math.random() * 0.6),
-                    speed: (Math.random() * 0.5 + 0.5) * config.maxSpeed,
-                    circles: shape,
-                    color: `hsla(210, 30%, 95%, ${0.8 + Math.random() * 0.2})`,
-                    maxRadius: Math.max(...shape.map(c => c.radius)) // 计算最大半径
-                };
-            });
-        };
-
-        const drawCloud = (cloud: Cloud) => {
-            ctx.save();
-            ctx.beginPath();
-
-            cloud.circles.forEach(circle => {
-                ctx.moveTo(cloud.x + circle.offsetX, cloud.y + circle.offsetY);
-                ctx.arc(
-                    cloud.x + circle.offsetX,
-                    cloud.y + circle.offsetY,
-                    circle.radius,
-                    0,
-                    Math.PI * 2
-                );
-            });
-
-            const gradient = ctx.createRadialGradient(
-                cloud.x, cloud.y, 0,
-                cloud.x, cloud.y, config.cloudSize * 2
-            );
-            gradient.addColorStop(0, cloud.color);
-            gradient.addColorStop(1, `hsla(210, 50%, 98%, 0.3)`);
-
-            ctx.fillStyle = gradient;
-            ctx.filter = `blur(${config.cloudSize * 0.2}px)`; // 模糊与尺寸关联
-            ctx.fill();
-            ctx.restore();
-        };
-
-        let animationFrameId: number;
-        const animate = () => {
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
-
-            // 天空渐变背景
-            const skyGradient = ctx.createLinearGradient(0, 0, 0, canvas.height);
-            skyGradient.addColorStop(0, '#e6f3ff');
-            skyGradient.addColorStop(1, '#d1e8ff');
-            ctx.fillStyle = skyGradient;
-            ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-            clouds.forEach(cloud => {
-                cloud.x += cloud.speed;
-                cloud.y += Math.sin(Date.now() / 1000 + cloud.x) * config.verticalOscillation;
-
-                // 基于实际最大半径的边界检测
-                const resetPosition = cloud.x > canvas.width + (cloud.maxRadius * config.boundaryOffset);
-                if (resetPosition) {
-                    cloud.x = -cloud.maxRadius * config.boundaryOffset;
-                    // 重置时重新生成形状
-                    const newShape = createCloudShape();
-                    cloud.circles = newShape;
-                    cloud.maxRadius = Math.max(...newShape.map(c => c.radius));
-                }
-
-                drawCloud(cloud);
-            });
-
-            animationFrameId = requestAnimationFrame(animate);
-        };
-
-        createClouds();
-        animate();
-
-        window.addEventListener('resize', () => {
-            resize();
-            createClouds();
-        });
-
-        return () => {
-            window.removeEventListener('resize', resize);
-            cancelAnimationFrame(animationFrameId);
-        };
-    }, []);
-
-    return (
-        <canvas
-            ref={canvasRef}
-            style={{
-                position: 'fixed',
-                top: 0,
-                left: 0,
-                zIndex: -1,
-                width: '100%',
-                height: '100%'
-            }}
-        />
-    );
-};
@@ -1,124 +0,0 @@
-import  { useRef, useEffect } from 'react';
-
-export const AnimatedBackground = () => {
-    const canvasRef = useRef<HTMLCanvasElement>(null);
-
-    // 粒子配置
-    const config = {
-        particleNum: 100,
-        maxSpeed: 1.5,
-        particleRadius: 2,
-        lineWidth: 1.5,
-        lineDistance: 100
-    };
-
-    type Particle = {
-        x: number;
-        y: number;
-        speedX: number;
-        speedY: number;
-        color: string;
-        radius: number;
-    };
-
-    useEffect(() => {
-        const canvas = canvasRef.current!;
-        const ctx = canvas.getContext('2d')!;
-
-        // 设置canvas尺寸
-        const resize = () => {
-            canvas.width = window.innerWidth;
-            canvas.height = window.innerHeight;
-        };
-        resize();
-
-        // 创建粒子数组
-        let particles: Particle[] = [];
-        const createParticles = () => {
-            particles = Array.from({ length: config.particleNum }).map(() => ({
-                x: Math.random() * canvas.width,
-                y: Math.random() * canvas.height,
-                speedX: (Math.random() - 0.5) * config.maxSpeed,
-                speedY: (Math.random() - 0.5) * config.maxSpeed,
-                color: `hsl(${Math.random() * 360}, 70%, 60%)`,
-                radius: Math.random() * config.particleRadius + 1
-            }));
-        };
-
-        // 绘制连线
-        const drawLine = (p1: Particle, p2: Particle) => {
-            const dx = p1.x - p2.x;
-            const dy = p1.y - p2.y;
-            const dist = Math.sqrt(dx * dx + dy * dy);
-
-            if (dist < config.lineDistance) {
-                ctx.beginPath();
-                ctx.strokeStyle = p1.color;
-                ctx.lineWidth = config.lineWidth * (1 - dist / config.lineDistance);
-                ctx.moveTo(p1.x, p1.y);
-                ctx.lineTo(p2.x, p2.y);
-                ctx.stroke();
-            }
-        };
-
-        // 动画循环
-        let animationFrameId: number;
-        const animate = () => {
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
-
-            // 更新粒子位置
-            particles.forEach(particle => {
-                particle.x += particle.speedX;
-                particle.y += particle.speedY;
-
-                // 边界反弹
-                if (particle.x < 0 || particle.x > canvas.width) particle.speedX *= -1;
-                if (particle.y < 0 || particle.y > canvas.height) particle.speedY *= -1;
-
-                // 绘制粒子
-                ctx.beginPath();
-                ctx.fillStyle = particle.color;
-                ctx.arc(particle.x, particle.y, particle.radius, 0, Math.PI * 2);
-                ctx.fill();
-            });
-
-            // 绘制粒子间的连线
-            for (let i = 0; i < particles.length; i++) {
-                for (let j = i + 1; j < particles.length; j++) {
-                    drawLine(particles[i], particles[j]);
-                }
-            }
-
-            animationFrameId = requestAnimationFrame(animate);
-        };
-
-        // 初始化
-        createParticles();
-        animate();
-
-        // 窗口resize处理
-        window.addEventListener('resize', () => {
-            resize();
-            createParticles();
-        });
-
-        // 清理
-        return () => {
-            window.removeEventListener('resize', resize);
-            cancelAnimationFrame(animationFrameId);
-        };
-    }, []);
-
-    return (
-        <canvas
-            ref={canvasRef}
-            style={{
-                position: 'fixed',
-                top: 0,
-                left: 0,
-                zIndex: -1,
-                backgroundColor: '#1a1a1a'
-            }}
-        />
-    );
-};
@@ -1,126 +0,0 @@
-import {createRoot} from "react-dom/client";
-import {useState} from "react";
-import {createUseStyles} from "react-jss";
-
-const useStyle = createUseStyles({
-    container: {
-        position: 'fixed',
-        width: '100%',
-        display: 'flex',
-        zIndex: 10000,
-        top: '20px',
-        justifyContent: "center",
-        alignItems: "center",
-        flexDirection: "column",
-    },
-    message: {
-        width: '100%',
-        maxWidth: '300px',
-        background: '#fafafa',  // 浅灰背景与其他状态统一
-        borderRadius: '8px',
-        padding: '10px 10px 10px 20px',  // 统一左侧20px留白
-
-        borderLeft: '4px solid #e0e0e0',  // 加粗为4px与其他状态一致
-        color: '#757575',  // 中性灰文字
-
-        boxShadow: '0 2px 6px rgba(224, 224, 224, 0.15)',  // 灰色投影
-        transition: 'all 0.3s ease-in-out',  // 补全时间单位
-
-        marginBottom: '20px',
-
-        '&.success': {
-            color: '#2e7d32',
-            backgroundColor: '#f0f9eb',
-            borderLeft: '4px solid #4CAF50',
-            paddingLeft: '20px',
-            boxShadow: '0 2px 6px rgba(76, 175, 80, 0.15)'
-        },
-        '&.warning': {
-            color: '#faad14',  // 警告文字色
-            backgroundColor: '#fffbe6', // 浅黄色背景
-            borderLeft: '4px solid #ffc53d', // 琥珀色左侧标识
-            paddingLeft: '20px',
-            boxShadow: '0 2px 6px rgba(255, 197, 61, 0.15)' // 金色投影
-        },
-        '&.error': {
-            color: '#f5222d',  // 错误文字色
-            backgroundColor: '#fff1f0', // 浅红色背景
-            borderLeft: '4px solid #ff4d4f', // 品红色左侧标识
-            paddingLeft: '20px',
-            boxShadow: '0 2px 6px rgba(255, 77, 79, 0.15)' // 红色投影
-        }
-    }
-})
-
-let el = document.querySelector("#u-message")
-if (!el) {
-    el = document.createElement('div')
-    el.className = 'u-message'
-    el.id = 'u-message'
-    document.body.append(el)
-}
-
-export interface Message {
-    id: number
-    content: string
-    duration: number
-    type: 'info' | 'success' | 'warning' | 'error'
-}
-
-export interface MessageApi {
-    info: (content: string, duration?: number) => void;
-    warning: (content: string, duration?: number) => void;
-    success: (content: string, duration?: number) => void;
-    error: (content: string, duration?: number) => void;
-}
-
-const default_duration = 3000
-
-
-let add: (msg: Message) => void;
-
-const MessageContainer: React.FC = () => {
-    const classes = useStyle()
-    const [msgs, setMsgs] = useState<Message[]>([]);
-
-    const remove = (id: number) => {
-        setMsgs(prevMsgs => prevMsgs.filter(v => v.id !== id));
-    }
-
-    add = (msg: Message) => {
-        const id = Date.now();
-        setMsgs(prevMsgs => {
-            const newMsgs = [{...msg, id}, ...prevMsgs];
-            // 直接限制数组长度为5，移除最旧的消息（最后一项）
-            if (newMsgs.length > 5) {
-                newMsgs.pop();
-            }
-            return newMsgs;
-        });
-
-        setTimeout(() => {
-            remove(id);
-        }, msg.duration ?? default_duration);
-    }
-
-    return <div className={classes.container}>
-        {msgs.map(m => <div key={m.id} className={`${classes.message} ${m.type}`}>{m.content}</div>)}
-    </div>
-}
-
-createRoot(el).render(<MessageContainer/>)
-
-export const message: MessageApi = {
-    info: function (content: string, duration?: number): void {
-        add({content: content, duration: duration, type: "info"} as Message)
-    },
-    warning: function (content: string, duration?: number): void {
-        add({content: content, duration: duration, type: "warning"} as Message)
-    },
-    success: function (content: string, duration?: number): void {
-        add({content: content, duration: duration, type: "success"} as Message)
-    },
-    error: function (content: string, duration?: number): void {
-        add({content: content, duration: duration, type: "error"} as Message)
-    }
-}
@@ -1,77 +0,0 @@
-import { useCallback, useRef } from 'react';
-
-export interface Prop {
-    /** 事件处理函数（可选） */
-    fn?: (event: MessageEvent) => Promise<void>;
-    /** 最大重试次数（可选） */
-    retry?: number;
-}
-
-export const useWebsocket = (prop?: Prop) => {
-    const wsRef = useRef<WebSocket | null>(null);
-    const retryCountRef = useRef(0);
-    const reconnectTimerRef = useRef<number>(0);
-    const currentPropRef = useRef(prop);
-
-    // 更新最新 prop
-    currentPropRef.current = prop;
-
-    const connect = useCallback((url: string, connectProp?: Prop) => {
-        // 合并 prop 优先级：connectProp > hook prop
-        const mergedProp = { ...currentPropRef.current, ...connectProp };
-
-        // 清理现有连接
-        if (wsRef.current) {
-            wsRef.current.close();
-            wsRef.current = null;
-        }
-        clearTimeout(reconnectTimerRef.current);
-
-        const createConnection = () => {
-            const ws = new WebSocket(url);
-
-            ws.onopen = () => {
-                retryCountRef.current = 0;
-            };
-
-            ws.onmessage = (event) => {
-                mergedProp?.fn?.(event).catch(error => {
-                    console.error('WebSocket message handler error:', error);
-                });
-            };
-
-            ws.onclose = (event) => {
-                const maxRetries = mergedProp?.retry ?? 0;
-
-                if (!event.wasClean && retryCountRef.current < maxRetries) {
-                    retryCountRef.current += 1;
-                    const retryDelay = Math.pow(2, retryCountRef.current) * 1000;
-
-                    reconnectTimerRef.current = setTimeout(() => {
-                        createConnection();
-                    }, retryDelay);
-                }
-            };
-
-            ws.onerror = (error) => {
-                console.error('WebSocket error:', error);
-                ws.close();
-            };
-
-            wsRef.current = ws;
-        };
-
-        createConnection();
-    }, []);
-
-    const close = useCallback(() => {
-        wsRef.current?.close();
-        clearTimeout(reconnectTimerRef.current);
-        retryCountRef.current = currentPropRef.current?.retry || 0;
-    }, []);
-
-    return {
-        connect,
-        close
-    };
-};
@@ -1,6 +0,0 @@
-export interface Resp<T>{
-    status: number;
-    msg: string;
-    err: string;
-    data: T;
-}
@@ -1,23 +1,10 @@
-// import { StrictMode } from 'react'
+import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
-import {createBrowserRouter, RouterProvider} from "react-router-dom";
-import {Login} from "./page/login.tsx";
-import {FileSharing} from "./page/share/share.tsx";
-import {LocalSharing} from "./page/local/local.tsx";
-import {TestPage} from "./page/test/test.tsx";
+import {App} from './App.tsx'

-const container = document.getElementById('root')
-const root = createRoot(container!)
-const router = createBrowserRouter([
-    {path: "/login", element: <Login />},
-    {path: "/share", element: <FileSharing />},
-    {path: "/test", element: <TestPage />},
-    {path: "*", element: <LocalSharing />},
-])
-
-root.render(
-    // <StrictMode>
-        <RouterProvider router={router} />
-    // </StrictMode>,
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
 )
@@ -1,75 +0,0 @@
-import {Bubble, Client} from "./types.ts";
-
-// 生成随机颜色
-export const generateColor = () => {
-    const hue = Math.random() * 360;
-    return `hsla(${hue}, 
-        ${Math.random() * 30 + 40}%, 
-        ${Math.random() * 10 + 75}%, 0.9)`;
-};
-
-// 防碰撞位置生成
-export const generateBubbles = (clients: Client[], currentUserId: string): Bubble[] => {
-    if (!clients) return [];
-
-    const BUBBLE_SIZE = 100;
-    const centerX = window.innerWidth / 2;
-    const centerY = window.innerHeight / 2;
-
-    const bubbles: Bubble[] = [];
-    let currentRadius = 0;
-    let angleStep = (2 * Math.PI) / 6; // 初始6个位置
-
-    for (let index = 0; index < clients.length; index++) {
-        let attempt = 0;
-        let validPosition = false;
-
-        if (clients[index].id === currentUserId) {
-            continue;
-        }
-
-        while (!validPosition && attempt < 100) {
-            // 螺旋布局算法
-            const angle = angleStep * (index + attempt);
-            const radius = currentRadius + (attempt * BUBBLE_SIZE * 0.8);
-
-            // 极坐标转笛卡尔坐标
-            const x = centerX + radius * Math.cos(angle);
-            const y = centerY + radius * Math.sin(angle);
-
-            // 边界检测
-            const inBounds = x >= 0 && x <= window.innerWidth - BUBBLE_SIZE &&
-                y >= 0 && y <= window.innerHeight - BUBBLE_SIZE;
-
-            // 碰撞检测
-            const collision = bubbles.some(pos => {
-                const distance = Math.sqrt(
-                    Math.pow(pos.x - x, 2) +
-                    Math.pow(pos.y - y, 2)
-                );
-                return distance < BUBBLE_SIZE * 1.5;
-            });
-
-            if (inBounds && !collision) {
-                bubbles.push({
-                    id: clients[index].id,
-                    name: clients[index].name,
-                    x: x,
-                    y: y,
-                    color: generateColor(),
-                    radius: 0,
-                    angle: 0
-                });
-
-                // 动态调整布局参数
-                currentRadius = Math.max(currentRadius, radius);
-                angleStep = (2 * Math.PI) / Math.max(6, bubbles.length * 0.7);
-                validPosition = true;
-            }
-
-            attempt++;
-        }
-    }
-
-    return bubbles;
-}; 
@@ -1,163 +0,0 @@
-import React, {useState} from 'react';
-import {Dialog} from "../../../component/dialog/dialog.tsx";
-import {ReceivedMessage} from "./types.ts";
-import {createUseStyles} from "react-jss";
-
-const useStyles = createUseStyles({
-    root: {
-        marginBottom: '1rem',
-    },
-    sender: {
-        margin: '0 0 0.5rem 0',
-        fontSize: '0.9rem',
-        color: '#666',
-    },
-    msgBox: {
-        background: 'rgba(255,255,255,0.96)',
-        color: '#222',
-        padding: '1rem',
-        borderRadius: '4px',
-        border: '1px solid #ddd',
-        maxHeight: '400px',
-        minHeight: '80px',
-        overflowY: 'auto',
-        whiteSpace: 'pre-wrap',
-        wordBreak: 'break-word',
-    },
-    downloadLink: {
-        color: '#007aff',
-        textDecoration: 'underline',
-    },
-    btnRow: {
-        display: 'flex',
-        flexDirection: 'row',
-        gap: '0.5rem',
-        justifyContent: 'flex-end',
-        alignItems: 'center',
-        marginTop: '8px',
-    },
-    copySuccess: {
-        color: '#28a745',
-        fontSize: '0.9rem',
-        marginRight: '0.5rem',
-        animation: 'fadeIn 0.3s ease-in',
-    },
-    copyBtn: {
-        padding: '8px 16px',
-        background: '#007aff',
-        color: 'white',
-        border: 'none',
-        borderRadius: '4px',
-        cursor: 'pointer',
-        fontSize: '0.9rem',
-        transition: 'all 0.2s',
-        '&:hover': {
-            background: '#0056b3',
-        },
-    },
-    copyBtnSuccess: {
-        background: '#28a745',
-    },
-    closeBtn: {
-        padding: '8px 16px',
-        background: '#6c757d',
-        color: 'white',
-        border: 'none',
-        borderRadius: '4px',
-        cursor: 'pointer',
-        fontSize: '0.9rem',
-        transition: 'all 0.2s',
-    },
-    progressBar: {
-        width: '100%',
-        height: 8,
-        background: '#eee',
-        borderRadius: 4,
-        margin: '12px 0',
-        overflow: 'hidden',
-    },
-    progressInner: {
-        height: '100%',
-        background: '#4dabf7',
-        transition: 'width 0.3s',
-    },
-});
-
-interface MessageDialogProps {
-    open: boolean;
-    message: ReceivedMessage | null;
-    onClose: () => void;
-}
-
-export const MessageDialog: React.FC<MessageDialogProps> = ({open, message, onClose}) => {
-    const [copySuccess, setCopySuccess] = useState(false);
-    const classes = useStyles();
-
-    const handleCopyMessage = () => {
-        if (message) {
-            navigator.clipboard.writeText(message.text || '').then(() => {
-                setCopySuccess(true);
-                setTimeout(() => setCopySuccess(false), 2000);
-            }).catch(() => {
-                alert('复制失败，请手动复制');
-            });
-        }
-    };
-
-    return (
-        <Dialog 
-            open={open} 
-            title="收到新消息" 
-            onClose={onClose}
-            footer={false}
-        >
-            <div className={classes.root}>
-                <p className={classes.sender}>
-                    来自: {message?.sender}
-                </p>
-                <div className={classes.msgBox}>
-                    {message?.isFile ? (
-                        <>
-                            <div>📎 文件: {message.fileName} ({message.fileSize ? (message.fileSize/1024).toFixed(1) : ''} KB)</div>
-                            {message.receiving ? (
-                                <>
-                                    <div style={{fontSize: '0.95em', color: '#888'}}>正在接收... {Math.round((message.progress||0)*100)}%</div>
-                                    <div className={classes.progressBar}>
-                                        <div className={classes.progressInner} style={{width: `${Math.round((message.progress||0)*100)}%`}} />
-                                    </div>
-                                </>
-                            ) : (
-                                <a href={message.fileBlobUrl} download={message.fileName} className={classes.downloadLink}>
-                                    点击下载
-                                </a>
-                            )}
-                        </>
-                    ) : (
-                        message?.text
-                    )}
-                </div>
-            </div>
-            <div className={classes.btnRow}>
-                {copySuccess && (
-                    <span className={classes.copySuccess}>
-                        ✓ 已复制
-                    </span>
-                )}
-                {!message?.isFile && (
-                    <button 
-                        onClick={handleCopyMessage}
-                        className={copySuccess ? `${classes.copyBtn} ${classes.copyBtnSuccess}` : classes.copyBtn}
-                    >
-                        {copySuccess ? '已复制' : '复制消息'}
-                    </button>
-                )}
-                <button
-                    onClick={onClose}
-                    className={classes.closeBtn}
-                >
-                    关闭
-                </button>
-            </div>
-        </Dialog>
-    );
-}; 
@@ -1,323 +0,0 @@
-import { WSMessage, ReceivedMessage} from "./types.ts";
-import {useLocalStore} from "../../../store/local.ts";
-
-// 文件接收缓存
-const fileReceiveCache: Record<string, {chunks: ArrayBuffer[], total: number, received: number, name: string, size: number, sender: string, timestamp: number}> = {};
-
-export const handleFileChunk = (chunk: any, onFileReceived: (msg: import("./types").ReceivedMessage) => void) => {
-    if (chunk.type === 'file') {
-        // 文件元信息，初始化缓存
-        fileReceiveCache[chunk.name + '_' + chunk.timestamp] = {
-            chunks: new Array(chunk.totalChunks),
-            total: chunk.totalChunks,
-            received: 0,
-            name: chunk.name,
-            size: chunk.size,
-            sender: chunk.sender,
-            timestamp: chunk.timestamp
-        };
-        // 首次弹出进度
-        onFileReceived({
-            sender: chunk.sender,
-            timestamp: chunk.timestamp,
-            fileName: chunk.name,
-            fileSize: chunk.size,
-            isFile: true,
-            progress: 0,
-            receiving: true
-        });
-    } else if (chunk.type === 'file-chunk') {
-        const key = chunk.name + '_' + chunk.timestamp;
-        const cache = fileReceiveCache[key];
-        if (cache) {
-            // 将 data 数组还原为 ArrayBuffer
-            const uint8 = new Uint8Array(chunk.data);
-            cache.chunks[chunk.chunkIndex] = uint8.buffer;
-            cache.received++;
-            // 实时回调进度
-            if (cache.received < cache.total) {
-                onFileReceived({
-                    sender: cache.sender,
-                    timestamp: cache.timestamp,
-                    fileName: cache.name,
-                    fileSize: cache.size,
-                    isFile: true,
-                    progress: cache.received / cache.total,
-                    receiving: true
-                });
-            }
-        }
-    } else if (chunk.type === 'file-end') {
-        const key = chunk.name + '_' + chunk.timestamp;
-        const cache = fileReceiveCache[key];
-        if (cache && cache.received === cache.total) {
-            const blob = new Blob(cache.chunks);
-            const url = URL.createObjectURL(blob);
-            onFileReceived({
-                sender: cache.sender,
-                timestamp: cache.timestamp,
-                fileName: cache.name,
-                fileSize: cache.size,
-                fileBlobUrl: url,
-                isFile: true,
-                progress: 1,
-                receiving: false
-            });
-            delete fileReceiveCache[key];
-        } else if (cache) {
-            // 分块未齐全，提示异常
-            onFileReceived({
-                sender: cache.sender,
-                timestamp: cache.timestamp,
-                fileName: cache.name,
-                fileSize: cache.size,
-                isFile: true,
-                progress: cache.received / cache.total,
-                receiving: true,
-                text: '文件分块未齐全，接收失败'
-            });
-        }
-    }
-};
-
-export interface RTCHandlerCallbacks {
-    onChannelOpen: (type: 'sender' | 'receiver') => void;
-    onMessageReceived: (message: ReceivedMessage) => void;
-    onChannelClose: () => void;
-}
-
-export class RTCHandler {
-    private rtcRef: React.MutableRefObject<RTCPeerConnection | null>;
-    private callbacks: RTCHandlerCallbacks;
-
-    constructor(rtcRef: React.MutableRefObject<RTCPeerConnection | null>, callbacks: RTCHandlerCallbacks) {
-        this.rtcRef = rtcRef;
-        this.callbacks = callbacks;
-    }
-
-    // 更新回调函数的方法
-    updateCallbacks = (newCallbacks: RTCHandlerCallbacks) => {
-        this.callbacks = newCallbacks;
-    };
-
-    setupDataChannel = async (ch: RTCDataChannel, type: 'sender' | 'receiver') => {
-        ch.onopen = () => {
-            console.log(`[D] 通道已打开！类型: ${type}`);
-            this.callbacks.onChannelOpen(type);
-            useLocalStore.getState().setChannel(ch);
-        };
-
-        ch.onmessage = (e) => {
-            // console.log('[D] Received message:', e.data);
-            try {
-                const data = JSON.parse(e.data);
-                if (data.type === 'message') {
-                    // 处理文本消息
-                    const message: ReceivedMessage = {
-                        text: data.content,
-                        timestamp: Date.now(),
-                        sender: data.sender || '未知用户'
-                    };
-                    this.callbacks.onMessageReceived(message);
-                } else if (data.type === 'file' || data.type === 'file-chunk' || data.type === 'file-end') {
-                    // 处理文件相关消息
-                    handleFileChunk(data, this.callbacks.onMessageReceived);
-                }
-            } catch (error) {
-                // 如果不是JSON格式，当作普通文本处理
-                const message: ReceivedMessage = {
-                    text: e.data,
-                    timestamp: Date.now(),
-                    sender: '未知用户'
-                };
-                this.callbacks.onMessageReceived(message);
-            }
-        };
-
-        ch.onclose = () => {
-            console.log('[D] 通道关闭');
-            this.callbacks.onChannelClose();
-            useLocalStore.getState().setChannel();
-        };
-    };
-
-    handleBubbleClick = async (bubbleId: string, currentUserId: string) => {
-        const current_rtc = this.rtcRef.current;
-        if (!current_rtc) return;
-
-        current_rtc.onnegotiationneeded = async () => {
-            const offer = await current_rtc.createOffer();
-            await current_rtc.setLocalDescription(offer);
-            const data = {
-                id: bubbleId,
-                from: currentUserId,
-                offer: offer,
-            };
-            await fetch('/api/ulocal/offer', {
-                method: 'POST',
-                headers: {"Content-Type": "application/json"},
-                body: JSON.stringify(data)
-            });
-        };
-
-        current_rtc.onicecandidate = async (e) => {
-            await fetch('/api/ulocal/candidate', {
-                method: 'POST',
-                headers: {"Content-Type": "application/json"},
-                body: JSON.stringify({candidate: e.candidate, id: currentUserId})
-            });
-        };
-
-        const ch = current_rtc.createDataChannel('local', {ordered: true});
-        await this.setupDataChannel(ch, 'sender');
-    };
-
-    handleWSEvent = async (e: MessageEvent) => {
-        let current_id: string;
-        let current_rtc: RTCPeerConnection | null;
-        const msg = JSON.parse(e.data) as WSMessage;
-        // console.log('[D] ws event msg =', msg);
-
-        switch (msg.type) {
-            case "enter":
-            case "leave":
-                // 这些事件由父组件处理
-                return;
-            case "offer":
-                const offer_data = msg.data as { id: string; from: string; offer: RTCSessionDescriptionInit };
-                current_id = useLocalStore.getState().id;
-                if (offer_data.id !== current_id) {
-                    console.warn(`[W] wrong offer id, want = ${current_id}, got = ${offer_data.id}, data =`, offer_data);
-                    return;
-                }
-
-                current_rtc = this.rtcRef.current;
-                if (!current_rtc) {
-                    console.warn('[W] rtc undefined');
-                    return;
-                }
-
-                await current_rtc.setRemoteDescription(offer_data.offer);
-                const answer = await current_rtc.createAnswer();
-                if (!answer) {
-                    console.log('[W] answer undefined');
-                    return;
-                }
-
-                await current_rtc.setLocalDescription(answer);
-
-                current_rtc.ondatachannel = (e) => {
-                    this.setupDataChannel(e.channel, 'receiver');
-                };
-
-                await fetch('/api/ulocal/answer', {
-                    method: 'POST',
-                    headers: {"Content-Type": "application/json"},
-                    body: JSON.stringify({id: offer_data.from, answer: answer})
-                });
-                return;
-
-            case "answer":
-                const answer_data = msg.data as { answer: RTCSessionDescriptionInit; id: string };
-                current_id = useLocalStore.getState().id;
-                if (answer_data.id !== current_id) {
-                    console.warn(`[W] wrong answer id, want = ${current_id}, got = ${answer_data.id}, data =`, answer_data);
-                }
-
-                current_rtc = this.rtcRef.current;
-                if (!current_rtc) {
-                    console.warn('[W] rtc undefined');
-                    return;
-                }
-
-                await current_rtc.setRemoteDescription(answer_data.answer);
-                return;
-
-            case "candidate":
-                const candidate_data = msg.data as { candidate: RTCIceCandidateInit };
-                current_rtc = this.rtcRef.current;
-                if (!current_rtc) {
-                    console.warn('[W] rtc undefined');
-                    return;
-                }
-                if (!candidate_data.candidate) {
-                    return;
-                }
-                await current_rtc.addIceCandidate(candidate_data.candidate);
-                return;
-        }
-    };
-
-    sendMessage = (msg: string, files: File[], senderName: string) => {
-        const ch = useLocalStore.getState().channel;
-        const CHUNK_SIZE = 64 * 1024; // 64KB
-        const BUFFERED_AMOUNT_THRESHOLD = 1 * 1024 * 1024; // 1MB
-        if (ch && ch.readyState === 'open') {
-            if (msg.trim()) {
-                // 发送文本消息
-                const messageData = {
-                    type: 'message',
-                    content: msg,
-                    sender: senderName,
-                    timestamp: Date.now()
-                };
-                ch.send(JSON.stringify(messageData));
-            }
-
-            if (files && files.length > 0) {
-                files.forEach(file => {
-                    const totalChunks = Math.ceil(file.size / CHUNK_SIZE);
-                    const timestamp = Date.now();
-                    // 先发送文件元信息
-                    const fileData = {
-                        type: 'file',
-                        name: file.name,
-                        size: file.size,
-                        sender: senderName,
-                        timestamp,
-                        totalChunks
-                    };
-                    ch.send(JSON.stringify(fileData));
-
-                    let offset = 0;
-                    let chunkIndex = 0;
-                    const reader = new FileReader();
-
-                    const sendNextChunk = () => {
-                        if (offset >= file.size) {
-                            // 分块全部发送完毕，发送 file-end
-                            ch.send(JSON.stringify({
-                                type: 'file-end',
-                                name: file.name,
-                                timestamp,
-                            }));
-                            return;
-                        }
-                        if (ch.bufferedAmount > BUFFERED_AMOUNT_THRESHOLD) {
-                            ch.addEventListener('bufferedamountlow', sendNextChunk, { once: true });
-                            return;
-                        }
-                        const slice = file.slice(offset, offset + CHUNK_SIZE);
-                        reader.onload = (e) => {
-                            if (e.target?.result) {
-                                ch.send(JSON.stringify({
-                                    type: 'file-chunk',
-                                    name: file.name,
-                                    timestamp,
-                                    chunkIndex,
-                                    totalChunks,
-                                    data: Array.from(new Uint8Array(e.target.result as ArrayBuffer)),
-                                }));
-                                offset += CHUNK_SIZE;
-                                chunkIndex++;
-                                sendNextChunk();
-                            }
-                        };
-                        reader.readAsArrayBuffer(slice);
-                    };
-                    sendNextChunk();
-                });
-            }
-        }
-    };
-} 
@@ -1,18 +0,0 @@
-import React from 'react';
-import {Dialog} from '../../../component/dialog/dialog.tsx';
-import {Sender} from './sender.tsx';
-
-interface SendDialogProps {
-    open: boolean;
-    onSend: (msg: string, files: File[]) => void;
-    onClose: () => void;
-    name: string;
-}
-
-export const SendDialog: React.FC<SendDialogProps> = ({open, onSend, onClose, name}) => {
-    return (
-        <Dialog open={open} title={`发送消息给${name}`} onClose={onClose}>
-            <Sender onSend={onSend} />
-        </Dialog>
-    );
-}; 
@@ -1,161 +0,0 @@
-import React, {useRef, useState} from 'react';
-import {createUseStyles} from "react-jss";
-import { message } from '../../../hook/message/u-message.tsx';
-
-const useClass = createUseStyles({
-    container: {
-        width: "100%",
-        minHeight: "260px",
-        margin: "0",
-        border: "1px solid #ddd",
-        borderRadius: "8px",
-        overflow: "hidden",
-        position: "relative",
-        background: "#fff",
-        boxSizing: "border-box",
-        padding: "20px 16px 60px 16px"
-    },
-    input_box: {
-        width: "100%",
-        minHeight: "180px",
-        padding: "12px",
-        boxSizing: "border-box",
-        border: "none",
-        resize: "vertical",
-        outline: "none",
-        fontFamily: "Arial, sans-serif",
-        fontSize: "1.1rem",
-        transition: "padding 0.3s ease",
-        background: "#f8fafd",
-        borderRadius: "6px"
-    },
-    input_has_files: {
-        paddingTop: '50px',
-    },
-    file_list: {
-        position: "absolute",
-        top: "0",
-        left: "0",
-        right: "0",
-        padding: "8px 10px",
-        background: "rgba(255, 255, 255, 0.95)",
-        borderBottom: "1px solid #eee",
-        display: "none",
-        flexWrap: "wrap",
-        gap: "6px",
-        maxHeight: "60px",
-        overflowY: "auto",
-    },
-    list_has_files: {
-        display: 'flex'
-    },
-    "@keyframes slideIn": {
-        from: {transform: "translateY(-10px)", opacity: 0},
-        to: {transform: "translateY(0)", opacity: 1}
-    },
-    file_item: {
-        display: "flex",
-        alignItems: "center",
-        background: "#f0f6ff",
-        color: '#1661ab',
-        border: "1px solid #c2d9ff",
-        borderRadius: "15px",
-        padding: "4px 12px",
-        fontSize: "13px",
-        animation: "$slideIn 0.2s ease"
-    },
-    delete_btn: {
-        width: "16px",
-        height: "16px",
-        border: "none",
-        background: "#ff6b6b",
-        color: "white",
-        borderRadius: "50%",
-        marginLeft: "8px",
-        cursor: "pointer",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        fontSize: "12px",
-        "&:hover": {background: "#ff5252"},
-    },
-    buttons: {
-        position: "absolute",
-        bottom: "16px",
-        right: "16px",
-        display: "flex",
-        gap: "12px"
-    },
-    action_btn: {
-        padding: "10px 22px",
-        background: "#4dabf7",
-        color: "white",
-        border: "none",
-        borderRadius: "20px",
-        cursor: "pointer",
-        fontSize: "1rem",
-        transition: "all 0.2s",
-        "&:hover": {background: "#339af0", transform: "translateY(-1px)"}
-    },
-})
-
-export interface SenderProps {
-    onSend: (message: string, files: File[]) => void;
-}
-
-export const Sender: React.FC<SenderProps> = ({onSend}) => {
-    const classes = useClass();
-    const [inputMessage, setInputMessage] = useState('');
-    const [files, setFiles] = useState<File | null>(null);
-    const fileInputRef = useRef<HTMLInputElement>(null)
-
-    const handleTextInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-        setInputMessage(e.target.value)
-    }
-
-    const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
-        if (e.target.files) {
-            setFiles(e.target.files[0]);
-        } else {
-            message.warning('未能选择文件');
-        }
-    };
-
-    const handleSubmit = () => {
-        if (!(inputMessage.trim() || files)) {
-            message.warning('请输入内容或选择文件');
-            return;
-        }
-        try {
-            onSend(inputMessage, files ? [files] : []);
-            setInputMessage('');
-            setFiles(null);
-        } catch (e) {
-            message.error('发送失败，请重试');
-        }
-    };
-
-    return (
-        <div className={classes.container}>
-            <textarea className={files?`${classes.input_box} ${classes.input_has_files}`:`${classes.input_box}`} placeholder="开始输入..."
-                      onChange={handleTextInput} value={inputMessage}></textarea>
-            <div className={files? `${classes.file_list} ${classes.list_has_files}` : `${classes.file_list}`}>
-                {files && <div className={classes.file_item}>
-                    <span>{files.name}</span>
-                    <button className={classes.delete_btn} onClick={() => {
-                        setFiles(null)
-                    }}>×
-                    </button>
-                </div>}
-            </div>
-            <div className={classes.buttons}>
-                <input type="file" ref={fileInputRef} hidden onChange={handleFileSelect}/>
-                <button className={classes.action_btn} onClick={() => {
-                    fileInputRef.current && fileInputRef.current.click()
-                }}>📁 选择文件
-                </button>
-                <button className={classes.action_btn} onClick={handleSubmit}>✈️ 发送</button>
-            </div>
-        </div>
-    );
-};
@@ -1,38 +0,0 @@
-export interface Bubble {
-    id: string;
-    name: string;
-    x: number;
-    y: number;
-    color: string;
-    radius: number;
-    angle: number;
-}
-
-export interface WSMessage {
-    data: any;
-    time: number;
-    type: "register" | "enter" | "leave" | "offer" | "answer" | "candidate"
-}
-
-export interface Client {
-    client_type: 'desktop' | 'mobile' | 'tablet';
-    app_type: 'web';
-    ip: number;
-    name: string;
-    id: string;
-    register_at: string;
-    offer: RTCSessionDescription;
-    candidate: RTCIceCandidateInit;
-}
-
-export interface ReceivedMessage {
-    text?: string;
-    timestamp: number;
-    sender: string;
-    fileName?: string;
-    fileSize?: number;
-    fileBlobUrl?: string;
-    isFile?: boolean;
-    progress?: number; // 0-1
-    receiving?: boolean; // 是否正在接收
-} 
@@ -1,51 +0,0 @@
-import React from 'react';
-import {createUseStyles} from "react-jss";
-import {Bubble} from "./types.ts";
-
-const useClass = createUseStyles({
-    bubble: {
-        position: "absolute",
-        width: "100px",
-        height: "100px",
-        borderRadius: "50%",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        textAlign: "center",
-        cursor: "pointer",
-        fontFamily: "'Microsoft Yahei', sans-serif",
-        fontSize: "14px",
-        color: "rgba(255, 255, 255, 0.9)",
-        textShadow: "1px 1px 3px rgba(0,0,0,0.3)",
-        transition: "transform 0.3s ease",
-        transform: 'translate(-50%, -50%)',
-        animation: 'emerge 0.5s ease-out forwards,float 6s 0.5s ease-in-out infinite',
-        background: "radial-gradient(circle at 30% 30%,rgba(255, 255, 255, 0.8) 10%,rgba(255, 255, 255, 0.3) 50%,transparent 100%)",
-        border: "2px solid rgba(255, 255, 255, 0.5)",
-        boxShadow: "inset 0 -5px 15px rgba(255,255,255,0.3),0 5px 15px rgba(0,0,0,0.1)",
-    }
-});
-
-interface UserBubbleProps {
-    bubble: Bubble;
-    onClick: (bubble: Bubble) => void;
-}
-
-export const UserBubble: React.FC<UserBubbleProps> = ({bubble, onClick}) => {
-    const classes = useClass();
-    
-    return (
-        <div
-            className={classes.bubble}
-            style={{
-                left: bubble.x,
-                top: bubble.y,
-                backgroundColor: bubble.color,
-                animationDelay: `${Math.random() * 0.5}s, ${0.5 + Math.random() * 2}s`
-            }}
-            onClick={() => onClick(bubble)}
-        >
-            {bubble.name}
-        </div>
-    );
-}; 
@@ -1,242 +0,0 @@
-import {CloudBackground} from "../../component/fluid/cloud.tsx";
-import {useEffect, useRef, useState, useCallback} from "react";
-import {createUseStyles} from "react-jss";
-import {useWebsocket} from "../../hook/websocket/u-ws.tsx";
-import {Resp} from "../../interface/response.ts";
-import {useLocalStore} from "../../store/local.ts";
-import {UserBubble} from "./component/user-bubble.tsx";
-import {MessageDialog} from "./component/message-dialog.tsx";
-import {RTCHandler, RTCHandlerCallbacks} from "./component/rtc-handler.ts";
-import {generateBubbles} from "./component/bubble-layout.ts";
-import {Client, ReceivedMessage} from "./component/types.ts";
-import {SendDialog} from "./component/send-dialog.tsx";
-import {message} from "../../hook/message/u-message.tsx";
-
-const useClass = createUseStyles({
-    '@global': {
-        '@keyframes emerge': {
-            '0%': {
-                transform: 'scale(0) translate(-50%, -50%)',
-                opacity: 0
-            },
-            '80%': {
-                transform: 'scale(1.1) translate(-50%, -50%)',
-                opacity: 1
-            },
-            '100%': {
-                transform: 'scale(1) translate(-50%, -50%)',
-                opacity: 1
-            }
-        },
-        '@keyframes fadeIn': {
-            '0%': {
-                opacity: 0,
-                transform: 'translateY(-10px)'
-            },
-            '100%': {
-                opacity: 1,
-                transform: 'translateY(0)'
-            }
-        }
-    },
-    container: {
-        margin: "0",
-        height: "100vh",
-        overflow: "hidden",
-        position: "relative",
-    },
-    title: {
-        width: '100%',
-        display: "flex",
-        justifyContent: "center",
-        color: '#1661ab',
-    }
-});
-
-export const LocalSharing: React.FC = () => {
-    const classes = useClass();
-    const {id, name, set, } = useLocalStore();
-    const [_rtc, setRTC] = useState<RTCPeerConnection>();
-    const rtcRef = useRef<RTCPeerConnection | null>(null);
-    const [clients, setClients] = useState<Client[]>([]);
-    const {connect, close} = useWebsocket({});
-    const [open, setOpen] = useState<{ send: boolean; receive: boolean }>({send: false, receive: false});
-    const [receivedMessage, setReceivedMessage] = useState<ReceivedMessage | null>(null);
-    const [showMessageDialog, setShowMessageDialog] = useState(false);
-    const [receivingFile, setReceivingFile] = useState<ReceivedMessage | null>(null);
-
-    // RTC处理器的回调函数 - 使用useCallback确保稳定性
-    const onChannelOpen = useCallback((type: 'sender' | 'receiver') => {
-        console.log(`[D] Channel opened: ${type}`);
-        setOpen(val => ({...val, [type]: true}));
-    }, []);
-
-    const onMessageReceived = useCallback((message: ReceivedMessage) => {
-        if (message.isFile && message.receiving) {
-            setReceivingFile(message);
-        } else if (message.isFile && !message.receiving) {
-            setReceivingFile(null);
-            setReceivedMessage(message);
-            setShowMessageDialog(true);
-        } else {
-            setReceivedMessage(message);
-            setShowMessageDialog(true);
-        }
-    }, []);
-
-    const onChannelClose = useCallback(() => {
-        console.log('[D] Channel closed');
-        setOpen({send: false, receive: false});
-    }, []);
-
-    const rtcCallbacks: RTCHandlerCallbacks = {
-        onChannelOpen,
-        onMessageReceived,
-        onChannelClose
-    };
-
-    // 创建RTC处理器实例 - 使用useRef确保实例稳定
-    const rtcHandlerRef = useRef<RTCHandler | null>(null);
-    
-    // 更新RTC处理器的回调函数
-    useEffect(() => {
-        if (rtcHandlerRef.current) {
-            rtcHandlerRef.current.updateCallbacks(rtcCallbacks);
-        }
-    }, [rtcCallbacks]);
-
-    const updateClients = async () => {
-        setTimeout(async () => {
-            const res = await fetch(`/api/ulocal/clients`);
-            const jes = await res.json() as Resp<Client[]>;
-            setClients(jes.data);
-        }, 500);
-    };
-
-    const handleWSEvent = async (e: MessageEvent) => {
-        const msgData = JSON.parse(e.data);
-        
-        if (msgData.type === "enter" || msgData.type === "leave") {
-            await updateClients();
-            return;
-        }
-        
-        // 其他RTC相关事件由RTC处理器处理
-        if (rtcHandlerRef.current) {
-            try {
-                await rtcHandlerRef.current.handleWSEvent(e);
-            } catch (err) {
-                message.error('通信异常，请刷新页面');
-            }
-        } else {
-            message.error('内部错误：通信模块未初始化');
-        }
-    };
-
-    const handleBubbleClick = async (bubble: any) => {
-        setOpen({send: true, receive: false});
-        if (rtcHandlerRef.current) {
-            try {
-                await rtcHandlerRef.current.handleBubbleClick(bubble.id, id);
-            } catch (e) {
-                message.error('建立连接失败，请重试');
-            }
-        } else {
-            message.error('内部错误：通信模块未初始化');
-            console.error('[E] RTC handler is null!');
-        }
-    };
-
-    const handleSend = (msg: string, files: File[]) => {
-        if (rtcHandlerRef.current) {
-            try {
-                rtcHandlerRef.current.sendMessage(msg, files, name);
-            } catch (e) {
-                message.error('发送失败，请重试');
-            }
-        } else {
-            message.error('内部错误：通信模块未初始化');
-        }
-    };
-
-    const handleCloseMessageDialog = () => {
-        setShowMessageDialog(false);
-        setReceivedMessage(null);
-    };
-
-
-    useEffect(() => {
-        const fn = async () => {
-            const response = await fetch('/api/ulocal/register', {method: 'POST'});
-            const data = ((await response.json()) as Resp<{ id: string; name: string }>).data;
-            set(data.id, data.name);
-            connect(`/api/ulocal/ws?id=${data.id}`, {fn: handleWSEvent});
-            await updateClients();
-
-            const _rtc = new RTCPeerConnection();
-            rtcRef.current = _rtc;
-            setRTC(_rtc);
-
-            // 在RTC连接创建后立即创建处理器实例
-            rtcHandlerRef.current = new RTCHandler(rtcRef, rtcCallbacks);
-
-            return () => {
-                close();
-                if (rtcRef.current) {
-                    rtcRef.current.close();
-                }
-            };
-        };
-        fn();
-    }, []);
-
-    const bubbles = generateBubbles(clients, id);
-
-    useEffect(() => {
-        if (receivingFile && receivingFile.isFile && !receivingFile.receiving) {
-            setReceivingFile(null);
-            setReceivedMessage(receivingFile);
-            setShowMessageDialog(true);
-        }
-    }, [receivingFile]);
-
-    return (
-        <div className={classes.container}>
-            <CloudBackground/>
-            <h1 className={classes.title}>
-                {name}
-                {/* <span> - {id}</span> */}
-            </h1>
-            
-            {bubbles.map(bubble => (
-                <UserBubble 
-                    key={bubble.id} 
-                    bubble={bubble} 
-                    onClick={handleBubbleClick}
-                />
-            ))}
-            
-            <SendDialog
-                open={open.send}
-                onSend={handleSend}
-                onClose={() => setOpen({send: false, receive: false})}
-                name={name}
-            />
-            
-            {/* 文件接收进度弹窗 */}
-            {receivingFile && (
-                <MessageDialog
-                    open={true}
-                    message={receivingFile}
-                    onClose={() => setReceivingFile(null)}
-                />
-            )}
-            
-            <MessageDialog 
-                open={showMessageDialog}
-                message={receivedMessage}
-                onClose={handleCloseMessageDialog}
-            />
-        </div>
-    );
-};
@@ -1,183 +0,0 @@
-import React, { useState } from "react";
-import { createUseStyles } from "react-jss";
-import { CloudBackground } from "../component/fluid/cloud.tsx";
-import {useAuth} from "../api/auth.ts";
-
-const useClass = createUseStyles({
-    container: {
-        overflow: 'hidden',
-        height: '100vh',
-        margin: 0,
-        padding: 0,
-        boxSizing: "border-box",
-        fontFamily: "'Segoe UI', Arial, sans-serif",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        position: 'relative',
-    },
-    login_container: {
-        background: "rgba(255,255,255,.5)",
-        boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)",
-        width: "350px",
-        height: '100%',
-        position: 'absolute',
-        left: '70%',
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    form: {
-        height: '100%',
-        width: '100%',
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        flexDirection: 'column',
-        color: "#1a73e8",
-        padding: '40px',
-    },
-    input: {
-        width: '100%',
-        marginTop: '20px',
-        "& > input": {
-            width: "calc(100% - 30px)",
-            padding: "12px 15px",
-            border: "1px solid #ddd",
-            borderRadius: "6px",
-            fontSize: "16px",
-            transition: "border-color 0.3s",
-
-            "&:focus": {
-                outline: "none",
-                borderColor: "#1a73e8",
-                boxShadow: "0 0 0 2px rgba(26, 115, 232, 0.2)",
-            },
-            "&:hover": {
-                borderColor: "#1a73e8",
-            }
-        },
-    },
-    button: {
-        marginTop: '20px',
-        width: '100%',
-        "& > button": {
-            width: "100%",
-            padding: "12px",
-            background: "#1a73e8",
-            color: "white",
-            border: "none",
-            borderRadius: "6px",
-            fontSize: "16px",
-            cursor: "pointer",
-            transition: "background 0.3s",
-            "&:hover": {
-                background: "#1557b0",
-            },
-        },
-    },
-
-    inputContainer: {
-        position: 'relative',
-        width: '100%',
-        marginTop: '20px',
-    },
-    inputField: {
-        width: "calc(100% - 52px)",
-        padding: "12px 35px 12px 15px",
-        border: "1px solid #ddd",
-        borderRadius: "6px",
-        fontSize: "16px",
-        transition: "border-color 0.3s",
-        "&:focus": {
-            outline: "none",
-            borderColor: "#1a73e8",
-            boxShadow: "0 0 0 2px rgba(26, 115, 232, 0.2)",
-        },
-        "&:hover": {
-            borderColor: "#1a73e8",
-        }
-    },
-    iconButton: {
-        position: 'absolute',
-        right: '10px',
-        top: '50%',
-        transform: 'translateY(-50%)',
-        background: 'transparent',
-        border: 'none',
-        cursor: 'pointer',
-        color: '#666',
-        "&:hover": {
-            color: '#333',
-        }
-    }
-})
-
-export const Login: React.FC = () => {
-    const classes = useClass()
-    const {login} = useAuth()
-    const [username, setUsername] = useState("")
-    const [password, setPassword] = useState("")
-    const [showPassword, setShowPassword] = useState(false)
-
-    const onLogin = async () => {
-        try {
-            await login(username, password)
-            window.location.href = "/"
-        } catch (_e) {
-            
-        }
-    }
-
-    return <div className={classes.container}>
-        <CloudBackground/>
-        <div className={classes.login_container}>
-            <div className={classes.form}>
-                <h2>UShare</h2>
-
-                {/* 用户名输入框 */}
-                <div className={classes.inputContainer}>
-                    <input
-                        className={classes.inputField}
-                        placeholder="请输入账号"
-                        value={username}
-                        onChange={(e) => setUsername(e.target.value)}
-                    />
-                    {username && (
-                        <button
-                            className={classes.iconButton}
-                            onClick={() => setUsername("")}
-                            style={{ right: '10px', fontSize: '16px' }}
-                        >
-                            ×
-                        </button>
-                    )}
-                </div>
-
-                {/* 密码输入框 */}
-                <div className={classes.inputContainer}>
-                    <input
-                        className={classes.inputField}
-                        placeholder="请输入密码"
-                        type={showPassword ? "text" : "password"}
-                        value={password}
-                        onChange={(e) => setPassword(e.target.value)}
-                    />
-                    <button
-                        className={classes.iconButton}
-                        onMouseDown={() => setShowPassword(true)}
-                        onMouseUp={() => setShowPassword(false)}
-                        onMouseLeave={() => setShowPassword(false)}
-                        style={{ right: '10px', fontSize: '12px' }}
-                    >
-                        {showPassword ? "👁" : "👁"}
-                    </button>
-                </div>
-
-                <div className={classes.button}>
-                    <button onClick={onLogin}>登录</button>
-                </div>
-            </div>
-        </div>
-    </div>
-}
@@ -0,0 +1,15 @@
+@import "tailwindcss";
+
+.mid-left {
+    background-color: #e3f2fd;  /* 柔和的浅蓝色 */
+}
+.mid-right {
+    background-color: #e8f5e9;  /* 柔和的浅绿色 */
+}
+
+.share-left {
+    background-color: #e3f2fd;  /* 柔和的浅蓝色 */
+}
+.share-right {
+    background-color: #e8f5e9;
+}
@@ -0,0 +1,130 @@
+import "./share.css";
+// FileSharing.tsx
+import { useRef, useState } from 'react';
+
+type FileItemProps = {
+    fileName: string;
+    onClear: () => void;
+};
+
+const FileItem = ({ fileName, onClear }: FileItemProps) => (
+    <div className="flex items-center gap-2 my-2">
+        <button
+            className="w-5 h-5 rounded-full flex items-center justify-center text-white hover:bg-red-400 transition-colors"
+            onClick={onClear}
+        >
+            ×
+        </button>
+        <span className="text-gray-700">{fileName}</span>
+    </div>
+);
+
+const MiddlePanel = () => (
+    <div className="relative bg-gray-200 overflow-hidden">
+        <div
+            className="mid-left absolute w-full h-full bg-blue-100"
+            style={{ clipPath: 'polygon(0 0, 100% 0, 0 100%)' }}
+        />
+        <div
+            className="mid-right absolute w-full h-full bg-green-100"
+            style={{ clipPath: 'polygon(100% 0, 100% 100%, 0 100%)' }}
+        />
+    </div>
+);
+
+const UploadPanel = () => {
+    const [selectedFile, setSelectedFile] = useState<File | null>(null);
+    const fileInputRef = useRef<HTMLInputElement>(null);
+
+    const handleFileSelect = () => {
+        if (!selectedFile && fileInputRef.current) {
+            fileInputRef.current.click();
+        } else {
+            // Handle upload logic
+            if (selectedFile) {
+                const formData = new FormData();
+                formData.append('file', selectedFile);
+
+                // Replace with actual API call
+                fetch('https://your-upload-api.com/upload', {
+                    method: 'POST',
+                    body: formData
+                })
+                    .then(response => response.json())
+                    .then(data => {
+                        alert(`Upload success! Code: ${data.code}`);
+                        setSelectedFile(null);
+                    })
+                    .catch(() => alert('Upload failed'));
+            }
+        }
+    };
+
+    return (
+        <div className="share-left flex flex-col items-center justify-center p-5 bg-blue-50 h-full">
+            <div className="bg-blue-100 rounded-xl p-6 w-4/5 shadow-inner">
+                <h2 className="text-xl font-semibold mb-4 text-cyan-900">上传文件</h2>
+                <input
+                    type="file"
+                    ref={fileInputRef}
+                    className="hidden"
+                    onChange={(e) => e.target.files?.[0] && setSelectedFile(e.target.files[0])}
+                />
+                <button
+                    onClick={handleFileSelect}
+                    className="bg-green-500 text-white px-4 py-2 rounded-lg hover:bg-green-600 transition-colors"
+                >
+                    {selectedFile ? '确认上传' : '选择文件'}
+                </button>
+                {selectedFile && (
+                    <FileItem
+                        fileName={selectedFile.name}
+                        onClear={() => setSelectedFile(null)}
+                    />
+                )}
+            </div>
+        </div>
+    );
+};
+
+const DownloadPanel = () => {
+    const [downloadCode, setDownloadCode] = useState('');
+
+    const handleDownload = () => {
+        if (!downloadCode) {
+            alert('请输入下载码');
+            return;
+        }
+        // Replace with actual download logic
+        window.location.href = `https://your-download-api.com/download?code=${downloadCode}`;
+    };
+
+    return (
+        <div className="share-right flex flex-col items-center justify-center p-5 bg-green-50 h-full">
+            <div className="bg-green-100 rounded-xl p-6 w-4/5 shadow-inner">
+                <h2 className="text-xl font-semibold mb-4 text-teal-900">下载文件</h2>
+                <input
+                    type="text"
+                    placeholder="输入下载码"
+                    className="w-full px-3 py-2 border-2 border-gray-200 rounded-lg mb-4"
+                    value={downloadCode}
+                    onChange={(e) => setDownloadCode(e.target.value)}
+                />
+                <button
+                    onClick={handleDownload}
+                    className="bg-green-500 text-white px-4 py-2 rounded-lg hover:bg-green-600 transition-colors w-full"
+                >
+                    下载文件
+                </button>
+            </div>
+        </div>
+    );
+};
+
+export const FileSharing = () => (
+    <div className="h-screen grid grid-cols-[40%_20%_40%]">
+        <UploadPanel />
+        <MiddlePanel />
+        <DownloadPanel />
+    </div>
+);
@@ -1,220 +0,0 @@
-import {createUseStyles} from "react-jss";
-import {UButton} from "../../../component/button/u-button.tsx";
-import React, {useState} from "react";
-import {useStore} from "../../../store/share.ts";
-import {message} from "../../../hook/message/u-message.tsx";
-import {useFileUpload} from "../../../api/upload.ts";
-
-const useUploadStyle = createUseStyles({
-    container: {
-        backgroundColor: "#e3f2fd",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-    },
-    form: {
-        backgroundColor: "#C8E6C9",
-        boxShadow: "inset 0 0 15px rgba(56, 142, 60, 0.15)",
-        padding: "30px",
-        borderRadius: "15px",
-        width: "70%",
-        margin: "20px 60px 20px 0",
-        /*todo margin 不用 px*/
-    },
-    title: {
-        color: "#2c9678"
-    },
-    file: {
-        display: 'none',
-    },
-    preview: {
-        marginTop: '10px',
-        display: 'flex',
-    },
-    name: {
-        color: "#2c9678",
-        marginLeft: '10px'
-    },
-    clean: {
-        borderRadius: '50%',
-        cursor: 'pointer',
-        '&:hover': {}
-    }
-})
-
-const useShowStyle = createUseStyles({
-    container: {
-        backgroundColor: "#e3f2fd",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        position: "relative", // 为关闭按钮提供定位基准
-    },
-    title: {
-        color: "#2c9678",
-        marginTop: 0,
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-    },
-    form: {
-        backgroundColor: "#C8E6C9",
-        boxShadow: "inset 0 0 15px rgba(56, 142, 60, 0.15)",
-        padding: "30px",
-        borderRadius: "15px",
-        width: "70%",
-        margin: "20px 60px 20px 0",
-        position: "relative",
-    },
-    closeButton: {
-        position: "absolute",
-        top: "10px",
-        right: "10px",
-        background: "transparent",
-        color: "white",
-        border: "none",
-        borderRadius: "50%",
-        width: "24px",
-        height: "24px",
-        cursor: "pointer",
-        "&:hover": {
-            // background: "#cc0000",
-            boxShadow:  "20px 20px 60px #fff, -20px -20px 60px #fff",
-            // boxShadow:  "20px 20px 60px #eee",
-        },
-    },
-    codeWrapper: {
-        backgroundColor: "rgba(255,255,255,0.8)",
-        padding: "0 15px",
-        borderRadius: "8px",
-        margin: "15px 0",
-        overflowX: "auto",
-    },
-    pre: {
-        display: 'flex',
-        flexDirection: 'row',
-        color: 'black',
-        alignItems: 'center',
-        height: '24px',
-        "& > code": {
-            marginLeft: "0",
-        }
-    },
-    copyButton: {
-        marginLeft: 'auto',
-        background: "#2c9678",
-        color: "white",
-        border: "none",
-        padding: "8px 16px",
-        borderRadius: "4px",
-        cursor: "pointer",
-        transition: "background 0.3s",
-        "&:hover": {
-            background: "#1f6d5a",
-        },
-    },
-});
-
-export const PanelLeft = () => {
-    const [code, set_code] = useState("")
-
-    if (code) {
-        return <PanelLeftShow code={code} set_code={set_code} />
-    }
-
-    return <PanelLeftUpload  set_code={set_code}/>
-};
-
-const PanelLeftUpload: React.FC<{ set_code: (code:string) => void }> = ({set_code}) => {
-    const style = useUploadStyle()
-    const {file, setFile} = useStore()
-    const {uploadFile, progress, loading} = useFileUpload();
-
-    function onFileSelect() {
-        // @ts-ignore
-        document.querySelector('#real-file-input').click();
-    }
-
-    function onFileChange(e: React.ChangeEvent<HTMLInputElement>) {
-        setFile(e.currentTarget.files ? e.currentTarget.files[0] : null)
-    }
-
-    async function onFileUpload() {
-        if (!file) {
-            return
-        }
-
-        const code = await uploadFile(file)
-        set_code(code)
-    }
-
-    function onFileClean() {
-        setFile(null)
-    }
-
-    return <div className={style.container}>
-        <div className={style.form}>
-            <h2 className={style.title}>上传文件</h2>
-            {
-                !file && !loading &&
-                <UButton onClick={onFileSelect}>选择文件</UButton>
-            }
-            {
-                file && !loading &&
-                <UButton onClick={onFileUpload}>上传文件</UButton>
-            }
-            {
-                loading &&
-                <UButton process={progress} loading={loading}>上传中</UButton>
-            }
-            <input type="file" className={style.file} id="real-file-input" onChange={onFileChange}/>
-            {
-                file &&
-                <div className={style.preview}>
-                    <div className={style.clean} onClick={onFileClean}>×</div>
-                    <div className={style.name}>{file.name}</div>
-                </div>
-            }
-        </div>
-    </div>
-}
-
-const PanelLeftShow: React.FC<{ code: string; set_code: (code: string) => void }> = ({ code, set_code }) => {
-    const classes = useShowStyle();
-
-    const handleCopy = async () => {
-        try {
-            await navigator.clipboard.writeText(code);
-            message.success("复制成功！");
-        } catch (err) {
-            message.warning("复制失败，请手动选择文本复制");
-        }
-    };
-
-    return (
-        <div className={classes.container}>
-
-            <div className={classes.form}>
-                <button
-                    className={classes.closeButton}
-                    onClick={() => set_code('')}
-                    aria-label="关闭"
-                >
-                    ×
-                </button>
-                <h2 className={classes.title}>
-                    上传成功!
-                </h2>
-
-                <div className={classes.codeWrapper}>
-                    <pre className={classes.pre}>
-                        <code>{code}</code>
-                        <button className={classes.copyButton} onClick={handleCopy}>
-                        一键复制
-                    </button>
-                    </pre>
-                </div>
-            </div>
-        </div>
-    );
-};
@@ -1,30 +0,0 @@
-import {createUseStyles} from "react-jss";
-
-const useStyle = createUseStyles({
-    container: {
-        backgroundColor: 'lightgray',
-        position: "relative",
-        overflow: "hidden",
-    },
-    left: {
-        backgroundColor: "#e3f2fd",
-        position: "absolute",
-        width: "100%",
-        height: "100%",
-        clipPath: 'polygon(0 0, 100% 0, 0 100%)'
-    },
-    right: {
-        backgroundColor: "#e8f5e9",
-        position: "absolute",
-        width: "100%",
-        height: "100%",
-         clipPath: 'polygon(100% 0, 100% 100%, 0 100%)'
-    },
-})
-export const PanelMid = () => {
-    const style = useStyle()
-    return <div className={style.container}>
-        <div className={style.left}></div>
-        <div className={style.right}></div>
-    </div>
-};
@@ -1,67 +0,0 @@
-import {createUseStyles} from "react-jss";
-import {UButton} from "../../../component/button/u-button.tsx";
-import {useStore} from "../../../store/share.ts";
-
-const useStyle = createUseStyles({
-    container: {
-        backgroundColor: "#e8f5e9",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-    },
-    form: {
-        backgroundColor: "#BBDEFB",
-        boxShadow: "inset 0 0 15px rgba(33, 150, 243, 0.15)",
-        padding: "30px",
-        borderRadius: "15px",
-        width: "70%",
-        margin: "20px 0 20px 60px",
-        /*todo margin 不用 px*/
-    },
-    title: {
-        color: '#1661ab', // 靛青
-    },
-    code: {
-        padding: '11px',
-        margin: '20px 0',
-        width: '200px',
-        border: '2px solid #ddd',
-        borderRadius: '5px',
-        '&:active': {
-            border: '2px solid #1661ab',
-        }
-    }
-})
-export const PanelRight = () => {
-    const style = useStyle()
-    const {code, setCode} = useStore()
-
-    function onCodeChange(e: React.ChangeEvent<HTMLInputElement>) {
-        setCode(e.currentTarget.value)
-    }
-
-    async function onFetchFile() {
-        const url = `/ushare/${code}`
-        const link = document.createElement('a');
-        link.href = url;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    }
-
-    return <div className={style.container}>
-        <div className={style.form}>
-            <h2 className={style.title}>获取文件</h2>
-            <div>
-                <input
-                    type="text"
-                    className={style.code}
-                    placeholder="输入下载码"
-                    value={code}
-                    onChange={onCodeChange}
-                />
-                <UButton style={{marginLeft: '10px'}} onClick={onFetchFile}>获取文件</UButton>
-            </div>
-        </div>
-    </div>
-};
@@ -1,26 +0,0 @@
-import {createUseStyles} from 'react-jss'
-import {PanelLeft} from "./component/panel-left.tsx";
-import {PanelRight} from "./component/panel-right.tsx";
-import {PanelMid} from "./component/panel-mid.tsx";
-
-const useStyle = createUseStyles({
-    "@global": {
-        margin: 0,
-        padding: 0,
-    },
-    container: {
-        margin: 0,
-        height: "100vh",
-        display: "grid",
-        gridTemplateColumns: "40% 20% 40%",
-    },
-})
-
-export const FileSharing = () => {
-    const style = useStyle()
-        return <div className={style.container}>
-        <PanelLeft />
-        <PanelMid/>
-        <PanelRight/>
-    </div>
-};
@@ -1,18 +0,0 @@
-import {useState} from "react";
-import {createUseStyles} from "react-jss";
-
-const useClass = createUseStyles({
-    container: {}
-})
-export const TestPage = () => {
-    const classes = useClass()
-    const [_open, setOpen] = useState<boolean>(false)
-
-    const handleOpen = () => {
-        setOpen(true)
-    }
-
-    return <div className={classes.container}>
-        <button onClick={handleOpen}>open</button>
-    </div>
-}
@@ -1,24 +0,0 @@
-import {create} from 'zustand'
-
-export interface LocalStore {
-    id: string;
-    name: string;
-    channel?: RTCDataChannel;
-    set: (id: string, name: string) => void;
-    setChannel: (chan?: RTCDataChannel) => void;
-}
-
-export const useLocalStore = create<LocalStore>()((_set, _get) => ({
-    id: '',
-    name: '',
-    set: (id: string, name: string) => {
-        _set(state => {
-            return {...state, id: id, name: name};
-        })
-    },
-    setChannel: (ch?: RTCDataChannel) => {
-        _set(state => {
-            return {...state, channel: ch}
-        })
-    }
-}))
@@ -1,23 +0,0 @@
-import {create} from 'zustand'
-
-type Store = {
-    file: File | null,
-    setFile: (f: File | null) => void
-    code: string,
-    setCode: (value:string) => void
-}
-
-export const useStore = create<Store>()((set) => ({
-    file: null,
-    setFile: (f: File | null = null) => {
-        set(state => {
-            return {...state, file: f}
-        })
-    },
-    code: '',
-    setCode: (value:string= '') => {
-        set(state => {
-            return {...state, code: value}
-        })
-    }
-}))
@@ -3,8 +3,5 @@
  "references": [
    { "path": "./tsconfig.app.json" },
    { "path": "./tsconfig.node.json" }
-  ],
-  "compilerOptions": {
-    "allowJs": true
-  }
+  ]
 }
@@ -1,24 +1,8 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'

 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react()],
-  server: {
-    proxy: {
-      '/api': {
-        target: 'http://127.0.0.1:9119',
-        changeOrigin: true
-      },
-      '/api/ulocal/ws': {
-        target: 'ws://127.0.0.1:9119',
-        rewriteWsOrigin: true,
-        ws: true,
-      },
-      '/ushare': {
-        target: 'http://127.0.0.1:9119',
-        changeOrigin: true
-      },
-    }
-  }
+  plugins: [react(), tailwindcss()],
 })
@@ -2,11 +2,7 @@ module github.com/loveuer/ushare

 go 1.24.2

-require (
-	github.com/loveuer/nf v0.3.5
-	github.com/pkg/errors v0.9.1
-	github.com/spf13/viper v1.20.1
-)
+require github.com/loveuer/nf v0.3.5

 require (
 	dario.cat/mergo v1.0.0 // indirect
@@ -16,43 +12,24 @@ require (
 	github.com/cyphar/filepath-securejoin v0.2.4 // indirect
 	github.com/emirpasic/gods v1.18.1 // indirect
 	github.com/fatih/color v1.17.0 // indirect
-	github.com/fsnotify/fsnotify v1.8.0 // indirect
 	github.com/go-git/gcfg v1.5.1-0.20230307220236-3a3c6141e376 // indirect
 	github.com/go-git/go-billy/v5 v5.5.0 // indirect
 	github.com/go-git/go-git/v5 v5.12.0 // indirect
-	github.com/go-viper/mapstructure/v2 v2.2.1 // indirect
 	github.com/golang/groupcache v0.0.0-20210331224755-41bb18bfe9da // indirect
 	github.com/google/uuid v1.6.0 // indirect
-	github.com/gorilla/websocket v1.5.3 // indirect
 	github.com/jbenet/go-context v0.0.0-20150711004518-d14ea06fba99 // indirect
-	github.com/jedib0t/go-pretty/v6 v6.6.7 // indirect
 	github.com/kevinburke/ssh_config v1.2.0 // indirect
-	github.com/matoous/go-nanoid/v2 v2.1.0 // indirect
 	github.com/mattn/go-colorable v0.1.13 // indirect
 	github.com/mattn/go-isatty v0.0.20 // indirect
-	github.com/mattn/go-runewidth v0.0.16 // indirect
-	github.com/mileusna/useragent v1.3.5 // indirect
-	github.com/pelletier/go-toml/v2 v2.2.3 // indirect
 	github.com/pjbgf/sha1cd v0.3.0 // indirect
-	github.com/rivo/uniseg v0.4.7 // indirect
-	github.com/sagikazarmark/locafero v0.7.0 // indirect
 	github.com/sergi/go-diff v1.3.2-0.20230802210424-5b0b94c5c0d3 // indirect
 	github.com/skeema/knownhosts v1.2.2 // indirect
-	github.com/sourcegraph/conc v0.3.0 // indirect
-	github.com/spf13/afero v1.12.0 // indirect
-	github.com/spf13/cast v1.7.1 // indirect
-	github.com/spf13/pflag v1.0.6 // indirect
-	github.com/subosito/gotenv v1.6.0 // indirect
 	github.com/xanzy/ssh-agent v0.3.3 // indirect
-	go.uber.org/atomic v1.9.0 // indirect
-	go.uber.org/multierr v1.9.0 // indirect
-	golang.org/x/crypto v0.32.0 // indirect
+	golang.org/x/crypto v0.25.0 // indirect
 	golang.org/x/mod v0.17.0 // indirect
-	golang.org/x/net v0.33.0 // indirect
-	golang.org/x/sync v0.11.0 // indirect
-	golang.org/x/sys v0.30.0 // indirect
-	golang.org/x/text v0.22.0 // indirect
+	golang.org/x/net v0.27.0 // indirect
+	golang.org/x/sync v0.7.0 // indirect
+	golang.org/x/sys v0.22.0 // indirect
 	golang.org/x/tools v0.21.1-0.20240508182429-e35e4ccd0d2d // indirect
 	gopkg.in/warnings.v0 v0.1.2 // indirect
-	gopkg.in/yaml.v3 v3.0.1 // indirect
 )
@@ -24,10 +24,6 @@ github.com/emirpasic/gods v1.18.1 h1:FXtiHYKDGKCW2KzwZKx0iC0PQmdlorYgdFG9jPXJ1Bc
 github.com/emirpasic/gods v1.18.1/go.mod h1:8tpGGwCnJ5H4r6BWwaV6OrWmMoPhUl5jm/FMNAnJvWQ=
 github.com/fatih/color v1.17.0 h1:GlRw1BRJxkpqUCBKzKOw098ed57fEsKeNjpTe3cSjK4=
 github.com/fatih/color v1.17.0/go.mod h1:YZ7TlrGPkiz6ku9fK3TLD/pl3CpsiFyu8N92HLgmosI=
-github.com/frankban/quicktest v1.14.6 h1:7Xjx+VpznH+oBnejlPUj8oUpdxnVs4f8XU8WnHkI4W8=
-github.com/frankban/quicktest v1.14.6/go.mod h1:4ptaffx2x8+WTWXmUCuVU6aPUX1/Mz7zb5vbUoiM6w0=
-github.com/fsnotify/fsnotify v1.8.0 h1:dAwr6QBTBZIkG8roQaJjGof0pp0EeF+tNV7YBP3F/8M=
-github.com/fsnotify/fsnotify v1.8.0/go.mod h1:8jBTzvmWwFyi3Pb8djgCCO5IBqzKJ/Jwo8TRcHyHii0=
 github.com/gliderlabs/ssh v0.3.7 h1:iV3Bqi942d9huXnzEF2Mt+CY9gLu8DNM4Obd+8bODRE=
 github.com/gliderlabs/ssh v0.3.7/go.mod h1:zpHEXBstFnQYtGnB8k8kQLol82umzn/2/snG7alWVD8=
 github.com/go-git/gcfg v1.5.1-0.20230307220236-3a3c6141e376 h1:+zs/tPmkDkHx3U66DAb0lQFJrpS6731Oaa12ikc+DiI=
@@ -38,20 +34,14 @@ github.com/go-git/go-git-fixtures/v4 v4.3.2-0.20231010084843-55a94097c399 h1:eMj
 github.com/go-git/go-git-fixtures/v4 v4.3.2-0.20231010084843-55a94097c399/go.mod h1:1OCfN199q1Jm3HZlxleg+Dw/mwps2Wbk9frAWm+4FII=
 github.com/go-git/go-git/v5 v5.12.0 h1:7Md+ndsjrzZxbddRDZjF14qK+NN56sy6wkqaVrjZtys=
 github.com/go-git/go-git/v5 v5.12.0/go.mod h1:FTM9VKtnI2m65hNI/TenDDDnUf2Q9FHnXYjuz9i5OEY=
-github.com/go-viper/mapstructure/v2 v2.2.1 h1:ZAaOCxANMuZx5RCeg0mBdEZk7DZasvvZIxtHqx8aGss=
-github.com/go-viper/mapstructure/v2 v2.2.1/go.mod h1:oJDH3BJKyqBA2TXFhDsKDGDTlndYOZ6rGS0BRZIxGhM=
 github.com/golang/groupcache v0.0.0-20210331224755-41bb18bfe9da h1:oI5xCqsCo564l8iNU+DwB5epxmsaqB+rhGL0m5jtYqE=
 github.com/golang/groupcache v0.0.0-20210331224755-41bb18bfe9da/go.mod h1:cIg4eruTrX1D+g88fzRXU5OdNfaM+9IcxsU14FzY7Hc=
 github.com/google/go-cmp v0.6.0 h1:ofyhxvXcZhMsU5ulbFiLKl/XBFqE1GSq7atu8tAmTRI=
 github.com/google/go-cmp v0.6.0/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
 github.com/google/uuid v1.6.0 h1:NIvaJDMOsjHA8n1jAhLSgzrAzy1Hgr+hNrb57e+94F0=
 github.com/google/uuid v1.6.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
-github.com/gorilla/websocket v1.5.3 h1:saDtZ6Pbx/0u+bgYQ3q96pZgCzfhKXGPqt7kZ72aNNg=
-github.com/gorilla/websocket v1.5.3/go.mod h1:YR8l580nyteQvAITg2hZ9XVh4b55+EU/adAjf1fMHhE=
 github.com/jbenet/go-context v0.0.0-20150711004518-d14ea06fba99 h1:BQSFePA1RWJOlocH6Fxy8MmwDt+yVQYULKfN0RoTN8A=
 github.com/jbenet/go-context v0.0.0-20150711004518-d14ea06fba99/go.mod h1:1lJo3i6rXxKeerYnT8Nvf0QmHCRC1n8sfWVwXF2Frvo=
-github.com/jedib0t/go-pretty/v6 v6.6.7 h1:m+LbHpm0aIAPLzLbMfn8dc3Ht8MW7lsSO4MPItz/Uuo=
-github.com/jedib0t/go-pretty/v6 v6.6.7/go.mod h1:YwC5CE4fJ1HFUDeivSV1r//AmANFHyqczZk+U6BDALU=
 github.com/kevinburke/ssh_config v1.2.0 h1:x584FjTGwHzMwvHx18PXxbBVzfnxogHaAReU4gf13a4=
 github.com/kevinburke/ssh_config v1.2.0/go.mod h1:CT57kijsi8u/K/BOFA39wgDQJ9CxiF4nAY/ojJ6r6mM=
 github.com/kr/pretty v0.1.0/go.mod h1:dAy3ld7l9f0ibDNOQOHHMYYIIbhfbHSm3C4ZsoJORNo=
@@ -63,71 +53,41 @@ github.com/kr/text v0.2.0 h1:5Nx0Ya0ZqY2ygV366QzturHI13Jq95ApcVaJBhpS+AY=
 github.com/kr/text v0.2.0/go.mod h1:eLer722TekiGuMkidMxC/pM04lWEeraHUUmBw8l2grE=
 github.com/loveuer/nf v0.3.5 h1:DlgTa6Rx8D3/VtH9e0fLGAxmPwSYd7b3nfBltSMuypE=
 github.com/loveuer/nf v0.3.5/go.mod h1:IAq0K1c/mlNQzLBvUzAD1LCWiVlt2GqTMPdDjej3Ryo=
-github.com/matoous/go-nanoid/v2 v2.1.0 h1:P64+dmq21hhWdtvZfEAofnvJULaRR1Yib0+PnU669bE=
-github.com/matoous/go-nanoid/v2 v2.1.0/go.mod h1:KlbGNQ+FhrUNIHUxZdL63t7tl4LaPkZNpUULS8H4uVM=
 github.com/mattn/go-colorable v0.1.13 h1:fFA4WZxdEF4tXPZVKMLwD8oUnCTTo08duU7wxecdEvA=
 github.com/mattn/go-colorable v0.1.13/go.mod h1:7S9/ev0klgBDR4GtXTXX8a3vIGJpMovkB8vQcUbaXHg=
 github.com/mattn/go-isatty v0.0.16/go.mod h1:kYGgaQfpe5nmfYZH+SKPsOc2e4SrIfOl2e/yFXSvRLM=
 github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
 github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
-github.com/mattn/go-runewidth v0.0.16 h1:E5ScNMtiwvlvB5paMFdw9p4kSQzbXFikJ5SQO6TULQc=
-github.com/mattn/go-runewidth v0.0.16/go.mod h1:Jdepj2loyihRzMpdS35Xk/zdY8IAYHsh153qUoGf23w=
-github.com/mileusna/useragent v1.3.5 h1:SJM5NzBmh/hO+4LGeATKpaEX9+b4vcGg2qXGLiNGDws=
-github.com/mileusna/useragent v1.3.5/go.mod h1:3d8TOmwL/5I8pJjyVDteHtgDGcefrFUX4ccGOMKNYYc=
 github.com/onsi/gomega v1.27.10 h1:naR28SdDFlqrG6kScpT8VWpu1xWY5nJRCF3XaYyBjhI=
 github.com/onsi/gomega v1.27.10/go.mod h1:RsS8tutOdbdgzbPtzzATp12yT7kM5I5aElG3evPbQ0M=
-github.com/pelletier/go-toml/v2 v2.2.3 h1:YmeHyLY8mFWbdkNWwpr+qIL2bEqT0o95WSdkNHvL12M=
-github.com/pelletier/go-toml/v2 v2.2.3/go.mod h1:MfCQTFTvCcUyyvvwm1+G6H/jORL20Xlb6rzQu9GuUkc=
 github.com/pjbgf/sha1cd v0.3.0 h1:4D5XXmUUBUl/xQ6IjCkEAbqXskkq/4O7LmGn0AqMDs4=
 github.com/pjbgf/sha1cd v0.3.0/go.mod h1:nZ1rrWOcGJ5uZgEEVL1VUM9iRQiZvWdbZjkKyFzPPsI=
 github.com/pkg/errors v0.9.1 h1:FEBLx1zS214owpjy7qsBeixbURkuhQAwrK5UwLGTwt4=
 github.com/pkg/errors v0.9.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=
 github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
 github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
-github.com/rivo/uniseg v0.2.0/go.mod h1:J6wj4VEh+S6ZtnVlnTBMWIodfgj8LQOQFoIToxlJtxc=
-github.com/rivo/uniseg v0.4.7 h1:WUdvkW8uEhrYfLC4ZzdpI2ztxP1I582+49Oc5Mq64VQ=
-github.com/rivo/uniseg v0.4.7/go.mod h1:FN3SvrM+Zdj16jyLfmOkMNblXMcoc8DfTHruCPUcx88=
 github.com/rogpeppe/go-internal v1.11.0 h1:cWPaGQEPrBb5/AsnsZesgZZ9yb1OQ+GOISoDNXVBh4M=
 github.com/rogpeppe/go-internal v1.11.0/go.mod h1:ddIwULY96R17DhadqLgMfk9H9tvdUzkipdSkR5nkCZA=
-github.com/sagikazarmark/locafero v0.7.0 h1:5MqpDsTGNDhY8sGp0Aowyf0qKsPrhewaLSsFaodPcyo=
-github.com/sagikazarmark/locafero v0.7.0/go.mod h1:2za3Cg5rMaTMoG/2Ulr9AwtFaIppKXTRYnozin4aB5k=
 github.com/sergi/go-diff v1.3.2-0.20230802210424-5b0b94c5c0d3 h1:n661drycOFuPLCN3Uc8sB6B/s6Z4t2xvBgU1htSHuq8=
 github.com/sergi/go-diff v1.3.2-0.20230802210424-5b0b94c5c0d3/go.mod h1:A0bzQcvG0E7Rwjx0REVgAGH58e96+X0MeOfepqsbeW4=
 github.com/sirupsen/logrus v1.7.0/go.mod h1:yWOB1SBYBC5VeMP7gHvWumXLIWorT60ONWic61uBYv0=
 github.com/skeema/knownhosts v1.2.2 h1:Iug2P4fLmDw9f41PB6thxUkNUkJzB5i+1/exaj40L3A=
 github.com/skeema/knownhosts v1.2.2/go.mod h1:xYbVRSPxqBZFrdmDyMmsOs+uX1UZC3nTN3ThzgDxUwo=
-github.com/sourcegraph/conc v0.3.0 h1:OQTbbt6P72L20UqAkXXuLOj79LfEanQ+YQFNpLA9ySo=
-github.com/sourcegraph/conc v0.3.0/go.mod h1:Sdozi7LEKbFPqYX2/J+iBAM6HpqSLTASQIKqDmF7Mt0=
-github.com/spf13/afero v1.12.0 h1:UcOPyRBYczmFn6yvphxkn9ZEOY65cpwGKb5mL36mrqs=
-github.com/spf13/afero v1.12.0/go.mod h1:ZTlWwG4/ahT8W7T0WQ5uYmjI9duaLQGy3Q2OAl4sk/4=
-github.com/spf13/cast v1.7.1 h1:cuNEagBQEHWN1FnbGEjCXL2szYEXqfJPbP2HNUaca9Y=
-github.com/spf13/cast v1.7.1/go.mod h1:ancEpBxwJDODSW/UG4rDrAqiKolqNNh2DX3mk86cAdo=
-github.com/spf13/pflag v1.0.6 h1:jFzHGLGAlb3ruxLB8MhbI6A8+AQX/2eW4qeyNZXNp2o=
-github.com/spf13/pflag v1.0.6/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg=
-github.com/spf13/viper v1.20.1 h1:ZMi+z/lvLyPSCoNtFCpqjy0S4kPbirhpTMwl8BkW9X4=
-github.com/spf13/viper v1.20.1/go.mod h1:P9Mdzt1zoHIG8m2eZQinpiBjo6kCmZSKBClNNqjJvu4=
 github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
 github.com/stretchr/testify v1.2.2/go.mod h1:a8OnRcib4nhh0OaRAV+Yts87kKdq0PP7pXfy6kDkUVs=
-github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
 github.com/stretchr/testify v1.4.0/go.mod h1:j7eGeouHqKxXV5pUuKE4zz7dFj8WfuZ+81PSLYec5m4=
-github.com/stretchr/testify v1.10.0 h1:Xv5erBjTwe/5IxqUQTdXv5kgmIvbHo3QQyRwhJsOfJA=
-github.com/stretchr/testify v1.10.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
-github.com/subosito/gotenv v1.6.0 h1:9NlTDc1FTs4qu0DDq7AEtTPNw6SVm7uBMsUCUjABIf8=
-github.com/subosito/gotenv v1.6.0/go.mod h1:Dk4QP5c2W3ibzajGcXpNraDfq2IrhjMIvMSWPKKo0FU=
+github.com/stretchr/testify v1.9.0 h1:HtqpIVDClZ4nwg75+f6Lvsy/wHu+3BoSGCbBAcpTsTg=
+github.com/stretchr/testify v1.9.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
 github.com/xanzy/ssh-agent v0.3.3 h1:+/15pJfg/RsTxqYcX6fHqOXZwwMP+2VyYWJeWM2qQFM=
 github.com/xanzy/ssh-agent v0.3.3/go.mod h1:6dzNDKs0J9rVPHPhaGCukekBHKqfl+L3KghI1Bc68Uw=
 github.com/yuin/goldmark v1.4.13/go.mod h1:6yULJ656Px+3vBD8DxQVa3kxgyrAnzto9xy5taEt/CY=
-go.uber.org/atomic v1.9.0 h1:ECmE8Bn/WFTYwEW/bpKD3M8VtR/zQVbavAoalC1PYyE=
-go.uber.org/atomic v1.9.0/go.mod h1:fEN4uk6kAWBTFdckzkM89CLk9XfWZrxpCo0nPH17wJc=
-go.uber.org/multierr v1.9.0 h1:7fIwc/ZtS0q++VgcfqFDxSBZVv/Xo49/SYnDFupUwlI=
-go.uber.org/multierr v1.9.0/go.mod h1:X2jQV1h+kxSjClGpnseKVIxpmcjrj7MNnI0bnlfKTVQ=
 golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
 golang.org/x/crypto v0.0.0-20210921155107-089bfa567519/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=
 golang.org/x/crypto v0.0.0-20220622213112-05595931fe9d/go.mod h1:IxCIyHEi3zRg3s0A5j5BB6A9Jmi73HwBIUl50j+osU4=
 golang.org/x/crypto v0.3.1-0.20221117191849-2c476679df9a/go.mod h1:hebNnKkNXi2UzZN1eVRvBB7co0a+JxK6XbPiWVs/3J4=
 golang.org/x/crypto v0.7.0/go.mod h1:pYwdfH91IfpZVANVyUOhSIPZaFoJGxTFbZhFTx+dXZU=
-golang.org/x/crypto v0.32.0 h1:euUpcYgM8WcP71gNpTqQCn6rC2t6ULUPiOzfWaXVVfc=
-golang.org/x/crypto v0.32.0/go.mod h1:ZnnJkOaASj8g0AjIduWNlq2NRxL0PlBrbKVyZ6V/Ugc=
+golang.org/x/crypto v0.25.0 h1:ypSNr+bnYL2YhwoMt2zPxHFmbAN1KZs/njMG3hxUp30=
+golang.org/x/crypto v0.25.0/go.mod h1:T+wALwcMOSE0kXgUAnPAHqTLW+XHgcELELW8VaDgm/M=
 golang.org/x/mod v0.6.0-dev.0.20220419223038-86c51ed26bb4/go.mod h1:jJ57K6gSWd91VN4djpZkiMVwK6gcyfeH4XE8wZrZaV4=
 golang.org/x/mod v0.8.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
 golang.org/x/mod v0.17.0 h1:zY54UmvipHiNd+pm+m0x9KhZ9hl1/7QNMyxXbc6ICqA=
@@ -139,14 +99,13 @@ golang.org/x/net v0.0.0-20220722155237-a158d28d115b/go.mod h1:XRhObCWvk6IyKnWLug
 golang.org/x/net v0.2.0/go.mod h1:KqCZLdyyvdV855qA2rE3GC2aiw5xGR5TEjj8smXukLY=
 golang.org/x/net v0.6.0/go.mod h1:2Tu9+aMcznHK/AK1HMvgo6xiTLG5rD5rZLDS+rp2Bjs=
 golang.org/x/net v0.8.0/go.mod h1:QVkue5JL9kW//ek3r6jTKnTFis1tRmNAW2P1shuFdJc=
-golang.org/x/net v0.33.0 h1:74SYHlV8BIgHIFC/LrYkOGIwL19eTYXQ5wc6TBuO36I=
-golang.org/x/net v0.33.0/go.mod h1:HXLR5J+9DxmrqMwG9qjGCxZ+zKXxBru04zlTvWlWuN4=
+golang.org/x/net v0.27.0 h1:5K3Njcw06/l2y9vpGCSdcxWOYHOUk3dVNGDXN+FvAys=
+golang.org/x/net v0.27.0/go.mod h1:dDi0PyhWNoiUOrAS8uXv/vnScO4wnHQO4mj9fn/RytE=
 golang.org/x/sync v0.0.0-20190423024810-112230192c58/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
 golang.org/x/sync v0.0.0-20220722155255-886fb9371eb4/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
 golang.org/x/sync v0.1.0/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
-golang.org/x/sync v0.10.0 h1:3NQrjDixjgGwUOCaF8w2+VYHv0Ve/vGYSbdkTa98gmQ=
-golang.org/x/sync v0.10.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
-golang.org/x/sync v0.11.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
+golang.org/x/sync v0.7.0 h1:YsImfSBoP9QPYL0xyKJPq0gcaJdG3rInoqxTWbfQu9M=
+golang.org/x/sync v0.7.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk=
 golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
 golang.org/x/sys v0.0.0-20191026070338-33540a1f6037/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
@@ -161,17 +120,15 @@ golang.org/x/sys v0.2.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.3.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.29.0 h1:TPYlXGxvx1MGTn2GiZDhnjPA9wZzZeGKHHmKhHYvgaU=
-golang.org/x/sys v0.29.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
-golang.org/x/sys v0.30.0 h1:QjkSwP/36a20jFYWkSue1YwXzLmsV5Gfq7Eiy72C1uc=
-golang.org/x/sys v0.30.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
+golang.org/x/sys v0.22.0 h1:RI27ohtqKCnwULzJLqkv897zojh5/DwS/ENaMzUOaWI=
+golang.org/x/sys v0.22.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
 golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
 golang.org/x/term v0.2.0/go.mod h1:TVmDHMZPmdnySmBfhjOoOdhjzdE1h4u1VwSiw2l1Nuc=
 golang.org/x/term v0.5.0/go.mod h1:jMB1sMXY+tzblOD4FWmEbocvup2/aLOaQEp7JmGp78k=
 golang.org/x/term v0.6.0/go.mod h1:m6U89DPEgQRMq3DNkDClhWw02AUbt2daBVO4cn4Hv9U=
-golang.org/x/term v0.28.0 h1:/Ts8HFuMR2E6IP/jlo7QVLZHggjKQbhu/7H0LJFr3Gg=
-golang.org/x/term v0.28.0/go.mod h1:Sw/lC2IAUZ92udQNf3WodGtn4k/XoLyZoh8v/8uiwek=
+golang.org/x/term v0.22.0 h1:BbsgPEJULsl2fV/AT3v15Mjva5yXKQDyKf+TbDz7QJk=
+golang.org/x/term v0.22.0/go.mod h1:F3qCibpT5AMpCRfhfT53vVJwhLtIVHhB9XDjfFvnMI4=
 golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
 golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
 golang.org/x/text v0.3.6/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
@@ -179,10 +136,8 @@ golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
 golang.org/x/text v0.4.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
 golang.org/x/text v0.7.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
 golang.org/x/text v0.8.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8=
-golang.org/x/text v0.21.0 h1:zyQAAkrwaneQ066sspRyJaG9VNi/YJ1NfzcGB3hZ/qo=
-golang.org/x/text v0.21.0/go.mod h1:4IBbMaMmOPCJ8SecivzSH54+73PCFmPWxNTLm+vZkEQ=
-golang.org/x/text v0.22.0 h1:bofq7m3/HAFvbF51jz3Q9wLg3jkvSPuiZu/pD1XwgtM=
-golang.org/x/text v0.22.0/go.mod h1:YRoo4H8PVmsu+E3Ou7cqLVH8oXWIHVoX0jqUWALQhfY=
+golang.org/x/text v0.16.0 h1:a94ExnEXNtEwYLGJSIUxnWoxoRz/ZcCsV63ROupILh4=
+golang.org/x/text v0.16.0/go.mod h1:GhwF1Be+LQoKShO3cGOHzqOgRrGaYc9AvblQOmPVHnI=
 golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
 golang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
 golang.org/x/tools v0.1.12/go.mod h1:hNGJHUnrk76NpqgfD5Aqm5Crs+Hm0VOH/i9J2+nxYbc=
@@ -5,7 +5,6 @@ import (
 	"github.com/loveuer/nf"
 	"github.com/loveuer/nf/nft/log"
 	"github.com/loveuer/nf/nft/tool"
-	"github.com/loveuer/ushare/internal/handler"
 	"github.com/loveuer/ushare/internal/opt"
 	"net"
 	"net/http"
@@ -18,21 +17,6 @@ func Start(ctx context.Context) <-chan struct{} {
 		return c.SendStatus(http.StatusOK)
 	})

-	app.Get("/ushare/:code", handler.Fetch())
-	app.Put("/api/ushare/:filename", handler.AuthVerify(), handler.ShareNew()) // 获取上传 code, 分片大小
-	app.Post("/api/ushare/:code", handler.ShareUpload())                       // 分片上传接口
-	app.Post("/api/uauth/login", handler.AuthLogin())
-
-	{
-		api := app.Group("/api/ulocal")
-		api.Post("/register", handler.LocalRegister())
-		api.Post("/offer", handler.LocalOffer())
-		api.Post("/answer", handler.LocalAnswer())
-		api.Post("/candidate", handler.LocalCandidate())
-		api.Get("/clients", handler.LocalClients())
-		api.Get("/ws", handler.LocalWS())
-	}
-
 	ready := make(chan struct{})
 	ln, err := net.Listen("tcp", opt.Cfg.Address)
 	if err != nil {
@@ -1,203 +0,0 @@
-package controller
-
-import (
-	"context"
-	"fmt"
-	"github.com/loveuer/nf/nft/log"
-	"github.com/loveuer/ushare/internal/model"
-	"github.com/loveuer/ushare/internal/opt"
-	gonanoid "github.com/matoous/go-nanoid/v2"
-	"github.com/spf13/viper"
-	"io"
-	"os"
-	"path/filepath"
-	"strings"
-	"sync"
-	"time"
-)
-
-type metaInfo struct {
-	f      *os.File
-	name   string
-	create time.Time
-	last   time.Time
-	size   int64
-	cursor int64
-	user   string
-}
-
-func (m *metaInfo) generateMeta(code string) error {
-	content := fmt.Sprintf("filename=%s\ncreated_at=%d\nsize=%d\nuploader=%s",
-		m.name, m.create.UnixMilli(), m.size, m.user,
-	)
-
-	return os.WriteFile(opt.MetaPath(code), []byte(content), 0644)
-}
-
-type meta struct {
-	sync.Mutex
-	ctx context.Context
-	m   map[string]*metaInfo
-}
-
-var (
-	MetaManager = &meta{m: make(map[string]*metaInfo)}
-)
-
-const letters = "1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ"
-
-func (m *meta) New(size int64, filename, ip string) (string, error) {
-	now := time.Now()
-	code, err := gonanoid.Generate(letters, opt.CodeLength)
-	if err != nil {
-		return "", err
-	}
-
-	f, err := os.Create(opt.FilePath(code))
-	if err != nil {
-		return "", err
-	}
-
-	if err = f.Truncate(size); err != nil {
-		f.Close()
-		return "", err
-	}
-
-	m.Lock()
-	defer m.Unlock()
-
-	m.m[code] = &metaInfo{f: f, name: filename, last: now, size: size, cursor: 0, create: now, user: ip}
-
-	return code, nil
-}
-
-func (m *meta) Write(code string, start, end int64, reader io.Reader) (total, cursor int64, err error) {
-	m.Lock()
-	defer m.Unlock()
-
-	if _, ok := m.m[code]; !ok {
-		return 0, 0, fmt.Errorf("code not exist")
-	}
-
-	w, err := io.CopyN(m.m[code].f, reader, end-start+1)
-	if err != nil {
-		return 0, 0, err
-	}
-
-	m.m[code].cursor += w
-	m.m[code].last = time.Now()
-
-	total = m.m[code].size
-	cursor = m.m[code].cursor
-
-	if m.m[code].cursor == m.m[code].size {
-		defer delete(m.m, code)
-		if err = m.m[code].generateMeta(code); err != nil {
-			return 0, 0, err
-		}
-	}
-
-	return total, cursor, nil
-}
-
-func (m *meta) Start(ctx context.Context) {
-	ticker := time.NewTicker(time.Minute)
-	m.ctx = ctx
-
-	if err := os.MkdirAll(opt.Cfg.DataPath, 0644); err != nil {
-		log.Fatal("controller.MetaManager.Start: mkdir datapath failed, path = %s, err = %s", opt.Cfg.DataPath, err.Error())
-	}
-
-	// 清理 2 分钟内没有继续上传的 part
-	go func() {
-		for {
-			select {
-			case <-ctx.Done():
-				return
-			case now := <-ticker.C:
-				for code, info := range m.m {
-					if now.Sub(info.last) > 2*time.Minute {
-						m.Lock()
-						if err := info.f.Close(); err != nil {
-							log.Warn("handler.Meta: [timer] close file failed, file = %s, err = %s", opt.FilePath(code), err.Error())
-						}
-						if err := os.RemoveAll(opt.FilePath(code)); err != nil {
-							log.Warn("handler.Meta: [timer] remove file failed, file = %s, err = %s", opt.FilePath(code), err.Error())
-						}
-						delete(m.m, code)
-						m.Unlock()
-						log.Warn("MetaController: code timeout removed, code = %s", code)
-					}
-				}
-			}
-		}
-	}()
-
-	// 清理一天前的文件
-	go func() {
-		if opt.Cfg.CleanInterval <= 0 {
-			log.Warn("meta.Clean: no clean interval set, plz clean manual!!!")
-			return
-		}
-
-		ticker := time.NewTicker(5 * time.Minute)
-		duration := time.Duration(opt.Cfg.CleanInterval) * time.Hour
-
-		for {
-			select {
-			case <-ctx.Done():
-				return
-			case now := <-ticker.C:
-				//log.Debug("meta.Clean: 开始清理过期文件 = %v", duration)
-				_ = filepath.Walk(opt.Cfg.DataPath, func(path string, info os.FileInfo, err error) error {
-					if info == nil {
-						return nil
-					}
-
-					if info.IsDir() {
-						return nil
-					}
-
-					name := filepath.Base(info.Name())
-					if !strings.HasPrefix(name, ".meta.") {
-						return nil
-					}
-
-					viper.SetConfigFile(path)
-					viper.SetConfigType("env")
-					if err = viper.ReadInConfig(); err != nil {
-						// todo log
-						return nil
-					}
-
-					mi := new(model.Meta)
-
-					if err = viper.Unmarshal(mi); err != nil {
-						// todo log
-						return nil
-					}
-
-					code := strings.TrimPrefix(name, ".meta.")
-
-					if now.Sub(time.UnixMilli(mi.CreatedAt)) > duration {
-
-						log.Debug("controller.meta: file out of date, code = %s, user_key = %s", code, mi.Uploader)
-
-						if err = os.RemoveAll(opt.FilePath(code)); err != nil {
-							log.Warn("meta.Clean: remove file failed, file = %s, err = %s", opt.FilePath(code), err.Error())
-						}
-						if err = os.RemoveAll(path); err != nil {
-							log.Warn("meta.Clean: remove file failed, file = %s, err = %s", path, err.Error())
-						}
-
-						m.Lock()
-						delete(m.m, code)
-						m.Unlock()
-					}
-
-					return nil
-				})
-			}
-		}
-	}()
-}
@@ -1,277 +0,0 @@
-// room controller:
-// local share websocket room controller
-// same remote IP as a
-package controller
-
-import (
-	"context"
-	"encoding/json"
-	"github.com/google/uuid"
-	"github.com/gorilla/websocket"
-	"github.com/loveuer/nf/nft/log"
-	"github.com/loveuer/ushare/internal/pkg/tool"
-	"github.com/mileusna/useragent"
-	"sync"
-	"time"
-)
-
-type RoomClientType string
-
-const (
-	ClientTypeDesktop RoomClientType = "desktop"
-	ClientTypeMobile  RoomClientType = "mobile"
-	ClientTypeTablet  RoomClientType = "tablet"
-)
-
-type RoomAppType string
-
-const (
-	RoomAppTypeWeb = "web"
-)
-
-type RoomMessageType string
-
-const (
-	RoomMessageTypeEnter RoomMessageType = "enter"
-	RoomMessageTypeLeave RoomMessageType = "leave"
-)
-
-type RoomOffer struct {
-	SDP  string `json:"sdp"`
-	Type string `json:"type"`
-}
-
-type RoomCandidate struct {
-	Candidate        string `json:"candidate"`
-	SdpMid           string `json:"sdpMid"`
-	SdpMLineIndex    int    `json:"sdpMLineIndex"`
-	UsernameFragment string `json:"usernameFragment"`
-}
-
-type roomClient struct {
-	sync.Mutex
-	controller *roomController
-	conn       *websocket.Conn
-	ClientType RoomClientType `json:"client_type"`
-	AppType    RoomAppType    `json:"app_type"`
-	IP         string         `json:"ip"`
-	Name       string         `json:"name"`
-	Id         string         `json:"id"`
-	RegisterAt time.Time      `json:"register_at"`
-	msgChan    chan any
-}
-
-func (rc *roomClient) start(ctx context.Context) {
-	// start write
-	go func() {
-		for {
-			select {
-			case <-ctx.Done():
-				_ = rc.conn.Close()
-				return
-			case msg, _ := <-rc.msgChan:
-				err := rc.conn.WriteJSON(msg)
-				log.Debug("RoomClient: write json message, IP = %s, Id = %s, Name = %s, err = %v", rc.IP, rc.Id, rc.Name, err)
-				if err != nil {
-					log.Error("RoomClient: write json message failed, IP = %s, Id = %s, Name = %s, err = %s", rc.IP, rc.Id, rc.Name, err.Error())
-				}
-			}
-		}
-	}()
-
-	// start read
-	go func() {
-		for {
-			mt, bs, err := rc.conn.ReadMessage()
-			if err != nil {
-				log.Error("RoomClient: read message failed, IP = %s, Id = %s, Name = %s, err = %s", rc.IP, rc.Id, rc.Name, err.Error())
-				rc.controller.Unregister(rc)
-				return
-			}
-
-			switch mt {
-			case websocket.PingMessage:
-				rs, _ := json.Marshal(map[string]any{"type": "pong", "time": time.Now().UnixMilli(), "Id": rc.Id, "Name": rc.Name})
-				if err := rc.conn.WriteMessage(websocket.PongMessage, rs); err != nil {
-					log.Error("RoomClient: response ping message failed, IP = %s, Id = %s, Name = %s, err = %s", rc.IP, rc.Id, rc.Name, err.Error())
-				}
-			case websocket.CloseMessage:
-				log.Debug("RoomClient: received close message, unregister IP = %s Id = %s, Name = %s", rc.IP, rc.Id, rc.Name)
-				rc.controller.Unregister(rc)
-				return
-			case websocket.TextMessage:
-				log.Debug("RoomClient: received text message, IP = %s, Id = %s, Name = %s, text = %s", rc.IP, rc.Id, rc.Name, string(bs))
-			case websocket.BinaryMessage:
-				log.Debug("RoomClient: received bytes message, IP = %s, Id = %s, Name = %s, text = %s", rc.IP, rc.Id, rc.Name, string(bs))
-				// todo
-				//msg := new(model.Message)
-				//if err = json.Unmarshal(bs, msg); err != nil {
-				//	log.Error("RoomClient: unmarshal message failed, id = %s, name = %s, err = %s", rc.Id, rc.Name, err.Error())
-				//	continue
-				//}
-				//
-				//switch msg.Type {
-				//case model.WSMessageTypeOffer:
-				//	rc.Lock()
-				//	rc.Offer = msg.Body
-				//	rc.Unlock()
-				//case model.WSMessageTypeCandidate:
-				//	rc.Lock()
-				//	rc.Candidate = msg.Body
-				//	rc.Unlock()
-				//}
-			}
-		}
-	}()
-}
-
-type roomController struct {
-	sync.Mutex
-	ctx context.Context
-	//rooms      map[string]map[string]*roomClient // map[room_id(remote-IP)][Id]
-	pre     map[string]*roomClient
-	clients map[string]*roomClient
-}
-
-var (
-	RoomController = &roomController{
-		pre:     make(map[string]*roomClient),
-		clients: make(map[string]*roomClient),
-	}
-)
-
-func (rc *roomController) Start(ctx context.Context) {
-	rc.ctx = ctx
-}
-
-func (rc *roomController) Register(ip, userAgent string) *roomClient {
-	nrc := &roomClient{
-		controller: rc,
-		ClientType: ClientTypeDesktop,
-		AppType:    RoomAppTypeWeb,
-		IP:         ip,
-		Id:         uuid.Must(uuid.NewV7()).String(),
-		Name:       tool.RandomName(),
-		msgChan:    make(chan any, 1),
-		RegisterAt: time.Now(),
-	}
-
-	ua := useragent.Parse(userAgent)
-	switch {
-	case ua.Mobile:
-		nrc.ClientType = ClientTypeMobile
-	case ua.Tablet:
-		nrc.ClientType = ClientTypeTablet
-	}
-
-	rc.Lock()
-	defer rc.Unlock()
-
-	rc.pre[nrc.Id] = nrc
-
-	return nrc
-}
-
-func (rc *roomController) Enter(conn *websocket.Conn, id string) *roomClient {
-	log.Debug("controller.room: registry client, id = %s", id)
-
-	rc.Lock()
-	defer rc.Unlock()
-
-	nrc, ok := rc.pre[id]
-	if !ok {
-		return nil
-	}
-
-	nrc.conn = conn
-	nrc.start(rc.ctx)
-
-	rc.Broadcast(map[string]any{"type": "enter", "time": time.Now().UnixMilli(), "body": nrc})
-
-	delete(rc.pre, nrc.Id)
-	rc.clients[nrc.Id] = nrc
-
-	return nrc
-}
-
-func (rc *roomController) List() []*roomClient {
-	clientList := make([]*roomClient, 0)
-
-	for _, client := range rc.clients {
-		clientList = append(clientList, client)
-	}
-
-	return clientList
-}
-
-func (rc *roomController) Broadcast(msg any) {
-	for _, client := range rc.clients {
-		select {
-		case client.msgChan <- msg:
-		case <-time.After(2 * time.Second):
-			log.Warn("RoomController: broadcast timeout, client Id = %s, IP = %s", client.Id, client.IP)
-		}
-	}
-}
-
-func (rc *roomController) Unregister(client *roomClient) {
-	log.Debug("controller.room: unregister client, IP = %s, Id = %s, Name = %s", client.IP, client.Id, client.Name)
-
-	rc.Lock()
-	delete(rc.clients, client.Id)
-	rc.Unlock()
-
-	rc.Broadcast(map[string]any{"type": RoomMessageTypeLeave, "time": time.Now().UnixMilli(), "body": client})
-}
-
-func (rc *roomController) Offer(id, from string, offer *RoomOffer) {
-	if _, ok := rc.clients[id]; !ok {
-		return
-	}
-
-	rc.clients[id].msgChan <- map[string]any{
-		"type": "offer",
-		"time": time.Now().UnixMilli(),
-		"data": map[string]any{
-			"id":    id,
-			"from":  from,
-			"offer": offer,
-		},
-	}
-}
-
-func (rc *roomController) Answer(id string, answer *RoomOffer) {
-	if _, ok := rc.clients[id]; !ok {
-		return
-	}
-
-	rc.clients[id].msgChan <- map[string]any{
-		"type": "answer",
-		"time": time.Now().UnixMilli(),
-		"data": map[string]any{
-			"id":     id,
-			"answer": answer,
-		},
-	}
-}
-
-func (rc *roomController) Candidate(id string, candidate *RoomCandidate) {
-	if _, ok := rc.clients[id]; !ok {
-		return
-	}
-
-	for _, client := range rc.clients {
-		if client.Id == id {
-			continue
-		}
-
-		client.msgChan <- map[string]any{
-			"type": "candidate",
-			"time": time.Now().UnixMilli(),
-			"data": map[string]any{
-				"id":        client.Id,
-				"candidate": candidate,
-			},
-		}
-	}
-}
@@ -1,86 +0,0 @@
-package controller
-
-import (
-	"context"
-	"github.com/loveuer/ushare/internal/model"
-	"github.com/loveuer/ushare/internal/opt"
-	"github.com/loveuer/ushare/internal/pkg/tool"
-	"github.com/pkg/errors"
-	"sync"
-	"time"
-)
-
-type userManager struct {
-	sync.Mutex
-	ctx context.Context
-	um  map[string]*model.User
-}
-
-func (um *userManager) Login(username string, password string) (*model.User, error) {
-	var (
-		now = time.Now()
-	)
-
-	if username != "admin" {
-		return nil, errors.New("账号或密码错误")
-	}
-
-	if !tool.ComparePassword(password, opt.Cfg.Auth) {
-		return nil, errors.New("账号或密码错误")
-	}
-
-	op := &model.User{
-		Id:       1,
-		Username: username,
-		LoginAt:  now.Unix(),
-		Token:    tool.RandomString(32),
-	}
-
-	um.Lock()
-	defer um.Unlock()
-	um.um[op.Token] = op
-
-	return op, nil
-}
-
-func (um *userManager) Verify(token string) (*model.User, error) {
-	um.Lock()
-	defer um.Unlock()
-
-	op, ok := um.um[token]
-	if !ok {
-		return nil, errors.New("未登录或凭证已失效, 请重新登录")
-	}
-
-	return op, nil
-}
-
-func (um *userManager) Start(ctx context.Context) {
-	um.ctx = ctx
-
-	go func() {
-
-		ticker := time.NewTicker(time.Minute)
-
-		for {
-			select {
-			case <-um.ctx.Done():
-				return
-			case now := <-ticker.C:
-				um.Lock()
-				for _, op := range um.um {
-					if now.Sub(time.UnixMilli(op.LoginAt)) > 8*time.Hour {
-						delete(um.um, op.Token)
-					}
-				}
-				um.Unlock()
-			}
-		}
-	}()
-}
-
-var (
-	UserManager = &userManager{
-		um: make(map[string]*model.User),
-	}
-)
@@ -1,70 +0,0 @@
-package handler
-
-import (
-	"fmt"
-	"github.com/loveuer/nf"
-	"github.com/loveuer/ushare/internal/controller"
-	"github.com/loveuer/ushare/internal/model"
-	"github.com/loveuer/ushare/internal/opt"
-	"net/http"
-)
-
-func AuthVerify() nf.HandlerFunc {
-	tokenFn := func(c *nf.Ctx) (token string) {
-		if token = c.Get("Authorization"); token != "" {
-			return
-		}
-
-		token = c.Cookies("ushare")
-
-		return
-	}
-
-	return func(c *nf.Ctx) error {
-		if opt.Cfg.Auth == "" {
-			return c.Next()
-		}
-
-		token := tokenFn(c)
-		if token == "" {
-			return c.Status(http.StatusUnauthorized).JSON(map[string]string{"error": "unauthorized"})
-		}
-
-		op, err := controller.UserManager.Verify(token)
-		if err != nil {
-			return c.Status(http.StatusUnauthorized).JSON(map[string]string{"error": "unauthorized", "msg": err.Error()})
-		}
-
-		c.Locals("user", op)
-
-		return c.Next()
-	}
-}
-
-func AuthLogin() nf.HandlerFunc {
-	return func(c *nf.Ctx) error {
-		type Req struct {
-			Username string `json:"username"`
-			Password string `json:"password"`
-		}
-
-		var (
-			err error
-			req Req
-			op  *model.User
-		)
-
-		if err = c.BodyParser(&req); err != nil {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"msg": "错误的用户名或密码<1>"})
-		}
-
-		if op, err = controller.UserManager.Login(req.Username, req.Password); err != nil {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"msg": err.Error()})
-		}
-
-		header := fmt.Sprintf("ushare=%s; Path=/; Max-Age=%d", op.Token, 8*3600)
-		c.SetHeader("Set-Cookie", header)
-
-		return c.Status(http.StatusOK).JSON(map[string]any{"data": op})
-	}
-}
@@ -1,126 +0,0 @@
-package handler
-
-import (
-	"github.com/gorilla/websocket"
-	"github.com/loveuer/nf"
-	"github.com/loveuer/nf/nft/log"
-	"github.com/loveuer/nf/nft/resp"
-	"github.com/loveuer/ushare/internal/controller"
-	"net/http"
-)
-
-func LocalRegister() nf.HandlerFunc {
-	return func(c *nf.Ctx) error {
-		var (
-			ip = c.IP(true)
-			ua = c.Get("User-Agent")
-		)
-
-		client := controller.RoomController.Register(ip, ua)
-
-		return resp.Resp200(c, client)
-	}
-}
-
-func LocalClients() nf.HandlerFunc {
-	return func(c *nf.Ctx) error {
-		list := controller.RoomController.List()
-
-		return resp.Resp200(c, list)
-	}
-}
-
-func LocalWS() nf.HandlerFunc {
-	upgrader := websocket.Upgrader{
-		ReadBufferSize:  1024,
-		WriteBufferSize: 1024,
-		CheckOrigin: func(r *http.Request) bool {
-			return true
-		},
-	}
-
-	return func(c *nf.Ctx) error {
-		id := c.Query("id")
-
-		if id == "" {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"error": "id is empty"})
-		}
-
-		conn, err := upgrader.Upgrade(c.Writer, c.Request, nil)
-		if err != nil {
-			log.Error("LocalWS: failed to upgrade websocket connection, err = %s", err.Error())
-			return err
-		}
-
-		controller.RoomController.Enter(conn, id)
-
-		return nil
-	}
-}
-
-func LocalOffer() nf.HandlerFunc {
-	return func(c *nf.Ctx) error {
-		type Req struct {
-			Id    string                `json:"id"`
-			From  string                `json:"from"`
-			Offer *controller.RoomOffer `json:"offer"`
-		}
-
-		var (
-			err error
-			req = new(Req)
-		)
-
-		if err = c.BodyParser(req); err != nil {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"err": err.Error()})
-		}
-
-		controller.RoomController.Offer(req.Id, req.From, req.Offer)
-
-		return resp.Resp200(c, req.Offer)
-	}
-}
-
-func LocalAnswer() nf.HandlerFunc {
-	return func(c *nf.Ctx) error {
-		type Req struct {
-			Id     string                `json:"id"`
-			Answer *controller.RoomOffer `json:"answer"`
-		}
-
-		var (
-			err error
-			req = new(Req)
-		)
-
-		if err = c.BodyParser(req); err != nil {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"err": err.Error()})
-		}
-
-		controller.RoomController.Answer(req.Id, req.Answer)
-
-		return resp.Resp200(c, req)
-	}
-}
-
-func LocalCandidate() nf.HandlerFunc {
-	return func(c *nf.Ctx) error {
-		type Req struct {
-			Id        string                    `json:"id"`
-			Candidate *controller.RoomCandidate `json:"candidate"`
-		}
-
-		var (
-			err error
-			req = new(Req)
-		)
-
-		if err = c.BodyParser(req); err != nil {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"err": err.Error()})
-		}
-
-		controller.RoomController.Candidate(req.Id, req.Candidate)
-
-		return resp.Resp200(c, req)
-	}
-}
@@ -1,118 +0,0 @@
-package handler
-
-import (
-	"fmt"
-	"github.com/loveuer/nf"
-	"github.com/loveuer/nf/nft/log"
-	"github.com/loveuer/ushare/internal/controller"
-	"github.com/loveuer/ushare/internal/model"
-	"github.com/loveuer/ushare/internal/opt"
-	"github.com/pkg/errors"
-	"github.com/spf13/cast"
-	"github.com/spf13/viper"
-	"net/http"
-	"os"
-	"regexp"
-	"strings"
-)
-
-func Fetch() nf.HandlerFunc {
-	return func(c *nf.Ctx) error {
-		code := c.Param("code")
-		log.Debug("handler.Fetch: code = %s", code)
-		info := new(model.Meta)
-		_, err := os.Stat(opt.MetaPath(code))
-		if err != nil {
-			if errors.Is(err, os.ErrNotExist) {
-				return c.Status(http.StatusNotFound).JSON(map[string]string{"msg": "文件不存在"})
-			}
-
-			return c.SendStatus(http.StatusInternalServerError)
-		}
-
-		viper.SetConfigFile(opt.MetaPath(code))
-		viper.SetConfigType("env")
-		if err = viper.ReadInConfig(); err != nil {
-			return c.SendStatus(http.StatusInternalServerError)
-		}
-
-		if err = viper.Unmarshal(info); err != nil {
-			return c.SendStatus(http.StatusInternalServerError)
-		}
-
-		c.SetHeader("Content-Disposition", fmt.Sprintf(`attachment; filename="%s"`, info.Filename))
-		http.ServeFile(c.Writer, c.Request, opt.FilePath(code))
-
-		return nil
-	}
-}
-
-func ShareNew() nf.HandlerFunc {
-	return func(c *nf.Ctx) error {
-		filename := strings.TrimSpace(c.Param("filename"))
-		if filename == "" {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"msg": "filename required"})
-		}
-
-		size, err := cast.ToInt64E(c.Get(opt.HeaderSize))
-		if err != nil {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"msg": "miss header: " + opt.HeaderSize})
-		}
-
-		code, err := controller.MetaManager.New(size, filename, c.IP())
-		if err != nil {
-			return c.Status(http.StatusInternalServerError).JSON(map[string]string{"msg": ""})
-		}
-
-		return c.Status(http.StatusOK).JSON(map[string]string{"code": code})
-	}
-}
-
-func ShareUpload() nf.HandlerFunc {
-	rangeValidator := regexp.MustCompile(`^bytes=\d+-\d+$`)
-	return func(c *nf.Ctx) error {
-		code := strings.TrimSpace(c.Param("code"))
-		if len(code) != opt.CodeLength {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"msg": "invalid file code"})
-		}
-
-		log.Debug("handler.ShareUpload: code = %s", code)
-
-		ranger := strings.TrimSpace(c.Get("Range"))
-		if ranger == "" {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"msg": "miss header: Range"})
-		}
-
-		log.Debug("handler.ShareUpload: code = %s, ranger = %s", code, ranger)
-
-		if !rangeValidator.MatchString(ranger) {
-			log.Warn("handler.ShareUpload: invalid range, ranger = %s", ranger)
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"msg": "Range invalid(1)"})
-		}
-
-		strs := strings.Split(strings.TrimPrefix(ranger, "bytes="), "-")
-		if len(strs) != 2 {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"msg": "Range invalid(2)"})
-		}
-
-		start, err := cast.ToInt64E(strs[0])
-		if err != nil {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"msg": "Range invalid(3)"})
-		}
-
-		end, err := cast.ToInt64E(strs[1])
-		if err != nil {
-			return c.Status(http.StatusBadRequest).JSON(map[string]string{"msg": "Range invalid(4)"})
-		}
-
-		log.Debug("handler.ShareUpload: code = %s, start = %d, end = %d", code, start, end)
-
-		total, cursor, err := controller.MetaManager.Write(code, start, end, c.Request.Body)
-		if err != nil {
-			log.Error("handler.ShareUpload: write error: %s", err)
-			return c.Status(http.StatusInternalServerError).JSON(map[string]string{"msg": ""})
-		}
-
-		return c.Status(http.StatusOK).JSON(map[string]any{"size": total, "cursor": cursor})
-	}
-}
@@ -1,8 +0,0 @@
-package model
-
-type Meta struct {
-	Filename  string `json:"filename" mapstructure:"filename"`
-	CreatedAt int64  `json:"created_at" mapstructure:"created_at"`
-	Size      int64  `json:"size" mapstructure:"size"`
-	Uploader  string `json:"uploader" mapstructure:"uploader"`
-}
@@ -1,10 +0,0 @@
-package model
-
-type User struct {
-	Id       int    `json:"id"`
-	Username string `json:"username"`
-	Key      string `json:"key"`
-	Password string `json:"-"`
-	LoginAt  int64  `json:"login_at"`
-	Token    string `json:"token"`
-}
@@ -1,14 +0,0 @@
-package model
-
-type WSMessageType string
-
-const (
-	WSMessageTypeOffer     WSMessageType = "offer"
-	WSMessageTypeCandidate WSMessageType = "candidate"
-)
-
-type Message struct {
-	Type WSMessageType `json:"type"`
-	Time int64         `json:"time"`
-	Body any           `json:"body"`
-}
@@ -1,26 +1,10 @@
 package opt

-import (
-	"context"
-	"github.com/loveuer/nf/nft/log"
-	"github.com/loveuer/ushare/internal/pkg/tool"
-)
-
 type config struct {
 	Debug   bool
 	Address string
-	DataPath      string
-	Auth          string
-	CleanInterval int
 }

 var (
 	Cfg = &config{}
 )
-
-func Init(_ context.Context) {
-	if Cfg.Auth != "" {
-		Cfg.Auth = tool.NewPassword(Cfg.Auth)
-		log.Debug("opt.Init: encrypted password = %s", Cfg.Auth)
-	}
-}
@@ -1,17 +0,0 @@
-package opt
-
-import "path/filepath"
-
-const (
-	Meta       = ".meta."
-	HeaderSize = "X-File-Size"
-	CodeLength = 8
-)
-
-func FilePath(code string) string {
-	return filepath.Join(Cfg.DataPath, code)
-}
-
-func MetaPath(code string) string {
-	return filepath.Join(Cfg.DataPath, Meta+code)
-}
@@ -1,51 +0,0 @@
-package db
-
-import (
-	"au99999/internal/opt"
-	"au99999/pkg/tool"
-	"context"
-
-	"gorm.io/gorm"
-)
-
-var Default *Client
-
-type DBType string
-
-const (
-	DBTypeSqlite   = "sqlite"
-	DBTypeMysql    = "mysql"
-	DBTypePostgres = "postgres"
-)
-
-type Client struct {
-	ctx    context.Context
-	cli    *gorm.DB
-	dbType DBType
-}
-
-func (c *Client) Type() DBType {
-	return c.dbType
-}
-
-func (c *Client) Session(ctxs ...context.Context) *gorm.DB {
-	var ctx context.Context
-	if len(ctxs) > 0 && ctxs[0] != nil {
-		ctx = ctxs[0]
-	} else {
-		ctx = tool.Timeout(30)
-	}
-
-	session := c.cli.Session(&gorm.Session{Context: ctx})
-
-	if opt.Cfg.Debug {
-		session = session.Debug()
-	}
-
-	return session
-}
-
-func (c *Client) Close() {
-	d, _ := c.cli.DB()
-	d.Close()
-}
@@ -1,65 +0,0 @@
-package db
-
-import (
-	"context"
-	"fmt"
-	"strings"
-
-	"github.com/glebarez/sqlite"
-	"gorm.io/driver/mysql"
-	"gorm.io/driver/postgres"
-	"gorm.io/gorm"
-)
-
-const tip = `example:
-for sqlite   -> sqlite::<filepath>
-				sqlite::data.sqlite
-				sqlite::/data/data.db
-for mysql    -> mysql::<gorm_dsn>
-				mysql::user:pass@tcp(127.0.0.1:3306)/dbname?charset=utf8mb4&parseTime=True&loc=Local
-for postgres -> postgres::<gorm_dsn>
-				postgres::host=localhost user=gorm password=gorm dbname=gorm port=9920 sslmode=disable TimeZone=Asia/Shanghai
-`
-
-func New(ctx context.Context, uri string) (*Client, error) {
-	parts := strings.SplitN(uri, "::", 2)
-
-	if len(parts) != 2 {
-		return nil, fmt.Errorf("db.Init: db uri invalid\n%s", tip)
-	}
-
-	c := &Client{}
-
-	var (
-		err error
-		dsn = parts[1]
-	)
-
-	switch parts[0] {
-	case "sqlite":
-		c.dbType = DBTypeSqlite
-		c.cli, err = gorm.Open(sqlite.Open(dsn))
-	case "mysql":
-		c.dbType = DBTypeMysql
-		c.cli, err = gorm.Open(mysql.Open(dsn))
-	case "postgres":
-		c.dbType = DBTypePostgres
-		c.cli, err = gorm.Open(postgres.Open(dsn))
-	default:
-		return nil, fmt.Errorf("db type only support: [sqlite, mysql, postgres], unsupported db type: %s", parts[0])
-	}
-
-	if err != nil {
-		return nil, fmt.Errorf("db.Init: open %s with dsn:%s, err: %w", parts[0], dsn, err)
-	}
-
-	return c, nil
-}
-
-func Init(ctx context.Context, uri string) (err error) {
-	if Default, err = New(ctx, uri); err != nil {
-		return err
-	}
-
-	return nil
-}
@@ -1,38 +0,0 @@
-package tool
-
-import (
-	"context"
-	"time"
-)
-
-func Timeout(seconds ...int) (ctx context.Context) {
-	var (
-		duration time.Duration
-	)
-
-	if len(seconds) > 0 && seconds[0] > 0 {
-		duration = time.Duration(seconds[0]) * time.Second
-	} else {
-		duration = time.Duration(30) * time.Second
-	}
-
-	ctx, _ = context.WithTimeout(context.Background(), duration)
-
-	return
-}
-
-func TimeoutCtx(ctx context.Context, seconds ...int) context.Context {
-	var (
-		duration time.Duration
-	)
-
-	if len(seconds) > 0 && seconds[0] > 0 {
-		duration = time.Duration(seconds[0]) * time.Second
-	} else {
-		duration = time.Duration(30) * time.Second
-	}
-
-	nctx, _ := context.WithTimeout(ctx, duration)
-
-	return nctx
-}
@@ -1,50 +0,0 @@
-package tool
-
-import "fmt"
-
-func HumanDuration(nano int64) string {
-	duration := float64(nano)
-	unit := "ns"
-	if duration >= 1000 {
-		duration /= 1000
-		unit = "us"
-	}
-
-	if duration >= 1000 {
-		duration /= 1000
-		unit = "ms"
-	}
-
-	if duration >= 1000 {
-		duration /= 1000
-		unit = " s"
-	}
-
-	return fmt.Sprintf("%6.2f%s", duration, unit)
-}
-
-func HumanSize(size int64) string {
-	const (
-		_  = iota
-		KB = 1 << (10 * iota) // 1 KB = 1024 bytes
-		MB                    // 1 MB = 1024 KB
-		GB                    // 1 GB = 1024 MB
-		TB                    // 1 TB = 1024 GB
-		PB                    // 1 PB = 1024 TB
-	)
-
-	switch {
-	case size >= PB:
-		return fmt.Sprintf("%.2f PB", float64(size)/PB)
-	case size >= TB:
-		return fmt.Sprintf("%.2f TB", float64(size)/TB)
-	case size >= GB:
-		return fmt.Sprintf("%.2f GB", float64(size)/GB)
-	case size >= MB:
-		return fmt.Sprintf("%.2f MB", float64(size)/MB)
-	case size >= KB:
-		return fmt.Sprintf("%.2f KB", float64(size)/KB)
-	default:
-		return fmt.Sprintf("%d bytes", size)
-	}
-}
@@ -1,59 +0,0 @@
-package tool
-
-import (
-	"net"
-)
-
-var (
-	privateIPv4Blocks []*net.IPNet
-	privateIPv6Blocks []*net.IPNet
-)
-
-func init() {
-	// IPv4私有地址段
-	for _, cidr := range []string{
-		"10.0.0.0/8",     // A类私有地址
-		"172.16.0.0/12",  // B类私有地址
-		"192.168.0.0/16", // C类私有地址
-		"169.254.0.0/16", // 链路本地地址
-		"127.0.0.0/8",    // 环回地址
-	} {
-		_, block, _ := net.ParseCIDR(cidr)
-		privateIPv4Blocks = append(privateIPv4Blocks, block)
-	}
-
-	// IPv6私有地址段
-	for _, cidr := range []string{
-		"fc00::/7",  // 唯一本地地址
-		"fe80::/10", // 链路本地地址
-		"::1/128",   // 环回地址
-	} {
-		_, block, _ := net.ParseCIDR(cidr)
-		privateIPv6Blocks = append(privateIPv6Blocks, block)
-	}
-}
-
-func IsPrivateIP(ipStr string) bool {
-	ip := net.ParseIP(ipStr)
-	if ip == nil {
-		return false
-	}
-
-	// 处理IPv4和IPv4映射的IPv6地址
-	if ip4 := ip.To4(); ip4 != nil {
-		for _, block := range privateIPv4Blocks {
-			if block.Contains(ip4) {
-				return true
-			}
-		}
-		return false
-	}
-
-	// 处理IPv6地址
-	for _, block := range privateIPv6Blocks {
-		if block.Contains(ip) {
-			return true
-		}
-	}
-	return false
-}
@@ -1,68 +0,0 @@
-package tool
-
-import "math"
-
-func Map[T, R any](vals []T, fn func(item T, index int) R) []R {
-	var result = make([]R, len(vals))
-	for idx, v := range vals {
-		result[idx] = fn(v, idx)
-	}
-	return result
-}
-
-func Chunk[T any](vals []T, size int) [][]T {
-	if size <= 0 {
-		panic("Second parameter must be greater than 0")
-	}
-
-	chunksNum := len(vals) / size
-	if len(vals)%size != 0 {
-		chunksNum += 1
-	}
-
-	result := make([][]T, 0, chunksNum)
-
-	for i := 0; i < chunksNum; i++ {
-		last := (i + 1) * size
-		if last > len(vals) {
-			last = len(vals)
-		}
-		result = append(result, vals[i*size:last:last])
-	}
-
-	return result
-}
-
-// 对 vals 取样 x 个
-func Sample[T any](vals []T, x int) []T {
-	if x < 0 {
-		panic("Second parameter can't be negative")
-	}
-
-	n := len(vals)
-	if n == 0 {
-		return []T{}
-	}
-
-	if x >= n {
-		return vals
-	}
-
-	// 处理x=1的特殊情况
-	if x == 1 {
-		return []T{vals[(n-1)/2]}
-	}
-
-	// 计算采样步长并生成结果数组
-	step := float64(n-1) / float64(x-1)
-	result := make([]T, x)
-
-	for i := 0; i < x; i++ {
-		// 计算采样位置并四舍五入
-		pos := float64(i) * step
-		index := int(math.Round(pos))
-		result[i] = vals[index]
-	}
-
-	return result
-}
@@ -1,11 +0,0 @@
-package tool
-
-import "github.com/loveuer/nf/nft/log"
-
-func Must(errs ...error) {
-	for _, err := range errs {
-		if err != nil {
-			log.Panic(err.Error())
-		}
-	}
-}
@@ -1,84 +0,0 @@
-package tool
-
-import (
-	"crypto/sha256"
-	"encoding/hex"
-	"errors"
-	"fmt"
-	"github.com/loveuer/nf/nft/log"
-	"golang.org/x/crypto/pbkdf2"
-	"regexp"
-	"strconv"
-	"strings"
-)
-
-const (
-	EncryptHeader string = "pbkdf2:sha256" // 用户密码加密
-)
-
-func NewPassword(password string) string {
-	return EncryptPassword(password, RandomString(8), int(RandomInt(50000)+100000))
-}
-
-func ComparePassword(in, db string) bool {
-	strs := strings.Split(db, "$")
-	if len(strs) != 3 {
-		log.Error("password in db invalid: %s", db)
-		return false
-	}
-
-	encs := strings.Split(strs[0], ":")
-	if len(encs) != 3 {
-		log.Error("password in db invalid: %s", db)
-		return false
-	}
-
-	encIteration, err := strconv.Atoi(encs[2])
-	if err != nil {
-		log.Error("password in db invalid: %s, convert iter err: %s", db, err)
-		return false
-	}
-
-	return EncryptPassword(in, strs[1], encIteration) == db
-}
-
-func EncryptPassword(password, salt string, iter int) string {
-	hash := pbkdf2.Key([]byte(password), []byte(salt), iter, 32, sha256.New)
-	encrypted := hex.EncodeToString(hash)
-	return fmt.Sprintf("%s:%d$%s$%s", EncryptHeader, iter, salt, encrypted)
-}
-
-func CheckPassword(password string) error {
-	if len(password) < 8 || len(password) > 32 {
-		return errors.New("密码长度不符合")
-	}
-
-	var (
-		err          error
-		match        bool
-		patternList  = []string{`[0-9]+`, `[a-z]+`, `[A-Z]+`, `[!@#%]+`} //, `[~!@#$%^&*?_-]+`}
-		matchAccount = 0
-		tips         = []string{"缺少数字", "缺少小写字母", "缺少大写字母", "缺少'!@#%'"}
-		locktips     = make([]string, 0)
-	)
-
-	for idx, pattern := range patternList {
-		match, err = regexp.MatchString(pattern, password)
-		if err != nil {
-			log.Warn("regex match string err, reg_str: %s, err: %v", pattern, err)
-			return errors.New("密码强度不够")
-		}
-
-		if match {
-			matchAccount++
-		} else {
-			locktips = append(locktips, tips[idx])
-		}
-	}
-
-	if matchAccount < 3 {
-		return fmt.Errorf("密码强度不够, 可能 %s", strings.Join(locktips, ", "))
-	}
-
-	return nil
-}
@@ -1,20 +0,0 @@
-package tool
-
-import "testing"
-
-func TestEncPassword(t *testing.T) {
-	password := "123456"
-
-	result := EncryptPassword(password, RandomString(8), 50000)
-
-	t.Logf("sum => %s", result)
-}
-
-func TestPassword(t *testing.T) {
-	p := "wahaha@123"
-	p = NewPassword(p)
-	t.Logf("password => %s", p)
-
-	result := ComparePassword("wahaha@123", p)
-	t.Logf("compare result => %v", result)
-}
@@ -1,75 +0,0 @@
-package tool
-
-import (
-	"crypto/rand"
-	"math/big"
-	mrand "math/rand"
-)
-
-var (
-	letters    = []byte("0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ")
-	letterNum  = []byte("0123456789")
-	letterLow  = []byte("abcdefghijklmnopqrstuvwxyz")
-	letterCap  = []byte("ABCDEFGHIJKLMNOPQRSTUVWXYZ")
-	letterSyb  = []byte("!@#$%^&*()_+-=")
-	adjectives = []string{
-		"开心的", "灿烂的", "温暖的", "阳光的", "活泼的",
-		"聪明的", "优雅的", "幸运的", "甜蜜的", "勇敢的",
-		"宁静的", "热情的", "温柔的", "幽默的", "坚强的",
-		"迷人的", "神奇的", "快乐的", "健康的", "自由的",
-		"梦幻的", "勤劳的", "真诚的", "浪漫的", "自信的",
-	}
-
-	plants = []string{
-		"苹果", "香蕉", "橘子", "葡萄", "草莓",
-		"西瓜", "樱桃", "菠萝", "柠檬", "蜜桃",
-		"蓝莓", "芒果", "石榴", "甜瓜", "雪梨",
-		"番茄", "南瓜", "土豆", "青椒", "洋葱",
-		"黄瓜", "萝卜", "豌豆", "玉米", "蘑菇",
-		"菠菜", "茄子", "芹菜", "莲藕", "西兰花",
-	}
-)
-
-func RandomInt(max int64) int64 {
-	num, _ := rand.Int(rand.Reader, big.NewInt(max))
-	return num.Int64()
-}
-
-func RandomString(length int) string {
-	result := make([]byte, length)
-	for i := 0; i < length; i++ {
-		num, _ := rand.Int(rand.Reader, big.NewInt(int64(len(letters))))
-		result[i] = letters[num.Int64()]
-	}
-	return string(result)
-}
-
-func RandomPassword(length int, withSymbol bool) string {
-	result := make([]byte, length)
-	kind := 3
-	if withSymbol {
-		kind++
-	}
-
-	for i := 0; i < length; i++ {
-		switch i % kind {
-		case 0:
-			num, _ := rand.Int(rand.Reader, big.NewInt(int64(len(letterNum))))
-			result[i] = letterNum[num.Int64()]
-		case 1:
-			num, _ := rand.Int(rand.Reader, big.NewInt(int64(len(letterLow))))
-			result[i] = letterLow[num.Int64()]
-		case 2:
-			num, _ := rand.Int(rand.Reader, big.NewInt(int64(len(letterCap))))
-			result[i] = letterCap[num.Int64()]
-		case 3:
-			num, _ := rand.Int(rand.Reader, big.NewInt(int64(len(letterSyb))))
-			result[i] = letterSyb[num.Int64()]
-		}
-	}
-	return string(result)
-}
-
-func RandomName() string {
-	return adjectives[mrand.Intn(len(adjectives))] + plants[mrand.Intn(len(plants))]
-}
@@ -1,124 +0,0 @@
-package tool
-
-import (
-	"encoding/json"
-	"fmt"
-	"github.com/jedib0t/go-pretty/v6/table"
-	"github.com/loveuer/nf/nft/log"
-	"io"
-	"os"
-	"reflect"
-	"strings"
-)
-
-func TablePrinter(data any, writers ...io.Writer) {
-	var w io.Writer = os.Stdout
-	if len(writers) > 0 && writers[0] != nil {
-		w = writers[0]
-	}
-
-	t := table.NewWriter()
-	structPrinter(t, "", data)
-	_, _ = fmt.Fprintln(w, t.Render())
-}
-
-func structPrinter(w table.Writer, prefix string, item any) {
-Start:
-	rv := reflect.ValueOf(item)
-	if rv.IsZero() {
-		return
-	}
-
-	for rv.Type().Kind() == reflect.Pointer {
-		rv = rv.Elem()
-	}
-
-	switch rv.Type().Kind() {
-	case reflect.Invalid,
-		reflect.Uintptr,
-		reflect.Chan,
-		reflect.Func,
-		reflect.UnsafePointer:
-	case reflect.Bool,
-		reflect.Int,
-		reflect.Int8,
-		reflect.Int16,
-		reflect.Int32,
-		reflect.Int64,
-		reflect.Uint,
-		reflect.Uint8,
-		reflect.Uint16,
-		reflect.Uint32,
-		reflect.Uint64,
-		reflect.Float32,
-		reflect.Float64,
-		reflect.Complex64,
-		reflect.Complex128,
-		reflect.Interface:
-		w.AppendRow(table.Row{strings.TrimPrefix(prefix, "."), rv.Interface()})
-	case reflect.String:
-		val := rv.String()
-		if len(val) <= 160 {
-			w.AppendRow(table.Row{strings.TrimPrefix(prefix, "."), val})
-			return
-		}
-
-		w.AppendRow(table.Row{strings.TrimPrefix(prefix, "."), val[0:64] + "..." + val[len(val)-64:]})
-	case reflect.Array, reflect.Slice:
-		for i := 0; i < rv.Len(); i++ {
-			p := strings.Join([]string{prefix, fmt.Sprintf("[%d]", i)}, ".")
-			structPrinter(w, p, rv.Index(i).Interface())
-		}
-	case reflect.Map:
-		for _, k := range rv.MapKeys() {
-			structPrinter(w, fmt.Sprintf("%s.{%v}", prefix, k), rv.MapIndex(k).Interface())
-		}
-	case reflect.Pointer:
-		goto Start
-	case reflect.Struct:
-		for i := 0; i < rv.NumField(); i++ {
-			p := fmt.Sprintf("%s.%s", prefix, rv.Type().Field(i).Name)
-			field := rv.Field(i)
-
-			//log.Debug("TablePrinter: prefix: %s, field: %v", p, rv.Field(i))
-
-			if !field.CanInterface() {
-				return
-			}
-
-			structPrinter(w, p, field.Interface())
-		}
-	}
-}
-
-func TableMapPrinter(data []byte) {
-	m := make(map[string]any)
-	if err := json.Unmarshal(data, &m); err != nil {
-		log.Warn(err.Error())
-		return
-	}
-
-	t := table.NewWriter()
-	addRow(t, "", m)
-	fmt.Println(t.Render())
-}
-
-func addRow(w table.Writer, prefix string, m any) {
-	rv := reflect.ValueOf(m)
-	switch rv.Type().Kind() {
-	case reflect.Map:
-		for _, k := range rv.MapKeys() {
-			key := k.String()
-			if prefix != "" {
-				key = strings.Join([]string{prefix, k.String()}, ".")
-			}
-			addRow(w, key, rv.MapIndex(k).Interface())
-		}
-	case reflect.Slice, reflect.Array:
-		for i := 0; i < rv.Len(); i++ {
-			addRow(w, fmt.Sprintf("%s[%d]", prefix, i), rv.Index(i).Interface())
-		}
-	default:
-		w.AppendRow(table.Row{prefix, m})
-	}
-}
@@ -1,73 +0,0 @@
-package tool
-
-import (
-	"fmt"
-	"math"
-)
-
-func Min[T ~int | ~uint | ~int8 | ~uint8 | ~int16 | ~uint16 | ~int32 | ~uint32 | ~int64 | ~uint64 | ~float32 | ~float64](a, b T) T {
-	if a <= b {
-		return a
-	}
-
-	return b
-}
-
-func Mins[T ~int | ~uint | ~int8 | ~uint8 | ~int16 | ~uint16 | ~int32 | ~uint32 | ~int64 | ~uint64 | ~float32 | ~float64](vals ...T) T {
-	var val T
-
-	if len(vals) == 0 {
-		return val
-	}
-
-	val = vals[0]
-
-	for _, item := range vals[1:] {
-		if item < val {
-			val = item
-		}
-	}
-
-	return val
-}
-
-func Max[T ~int | ~uint | ~int8 | ~uint8 | ~int16 | ~uint16 | ~int32 | ~uint32 | ~int64 | ~uint64 | ~float32 | ~float64](a, b T) T {
-	if a >= b {
-		return a
-	}
-
-	return b
-}
-
-func Maxs[T ~int | ~uint | ~int8 | ~uint8 | ~int16 | ~uint16 | ~int32 | ~uint32 | ~int64 | ~uint64 | ~float32 | ~float64](vals ...T) T {
-	var val T
-
-	if len(vals) == 0 {
-		return val
-	}
-
-	for _, item := range vals {
-		if item > val {
-			val = item
-		}
-	}
-
-	return val
-}
-
-func Sum[T ~int | ~uint | ~int8 | ~uint8 | ~int16 | ~uint16 | ~int32 | ~uint32 | ~int64 | ~uint64 | ~float32 | ~float64](vals ...T) T {
-	var sum T = 0
-	for i := range vals {
-		sum += vals[i]
-	}
-	return sum
-}
-
-func Percent(val, minVal, maxVal, minPercent, maxPercent float64) string {
-	return fmt.Sprintf(
-		"%d%%",
-		int(math.Round(
-			((val-minVal)/(maxVal-minVal)*(maxPercent-minPercent)+minPercent)*100,
-		)),
-	)
-}
@@ -1,70 +0,0 @@
-package tool
-
-import "testing"
-
-func TestPercent(t *testing.T) {
-	type args struct {
-		val        float64
-		minVal     float64
-		maxVal     float64
-		minPercent float64
-		maxPercent float64
-	}
-	tests := []struct {
-		name string
-		args args
-		want string
-	}{
-		{
-			name: "case 1",
-			args: args{
-				val:        0.5,
-				minVal:     0,
-				maxVal:     1,
-				minPercent: 0,
-				maxPercent: 1,
-			},
-			want: "50%",
-		},
-		{
-			name: "case 2",
-			args: args{
-				val:        0.3,
-				minVal:     0.1,
-				maxVal:     0.6,
-				minPercent: 0,
-				maxPercent: 1,
-			},
-			want: "40%",
-		},
-		{
-			name: "case 3",
-			args: args{
-				val:        700,
-				minVal:     700,
-				maxVal:     766,
-				minPercent: 0.1,
-				maxPercent: 0.7,
-			},
-			want: "10%",
-		},
-		{
-			name: "case 4",
-			args: args{
-				val:        766,
-				minVal:     700,
-				maxVal:     766,
-				minPercent: 0.1,
-				maxPercent: 0.7,
-			},
-			want: "70%",
-		},
-	}
-	for _, tt := range tests {
-		t.Run(tt.name, func(t *testing.T) {
-			if got := Percent(tt.args.val, tt.args.minVal, tt.args.maxVal, tt.args.minPercent, tt.args.maxPercent); got != tt.want {
-				t.Errorf("Percent() = %v, want %v", got, tt.want)
-			}
-		})
-	}
-}
@@ -3,37 +3,22 @@ package main
 import (
 	"context"
 	"flag"
-	"github.com/loveuer/nf/nft/log"
 	"github.com/loveuer/ushare/internal/api"
-	"github.com/loveuer/ushare/internal/controller"
 	"github.com/loveuer/ushare/internal/opt"
-	"github.com/loveuer/ushare/internal/pkg/tool"
 	"os/signal"
 	"syscall"
 )

 func init() {
 	flag.BoolVar(&opt.Cfg.Debug, "debug", false, "debug mode")
-	flag.StringVar(&opt.Cfg.Address, "address", "0.0.0.0:9119", "")
-	flag.StringVar(&opt.Cfg.DataPath, "data", "/data", "")
-	flag.StringVar(&opt.Cfg.Auth, "auth", "", "auth required(admin, password)")
-	flag.IntVar(&opt.Cfg.CleanInterval, "clean", 24, "清理文件的周期, 单位: 小时, 0 则表示不自动清理")
+	flag.StringVar(&opt.Cfg.Address, "address", "0.0.0.0:80", "")
 	flag.Parse()
-
-	if opt.Cfg.Debug {
-		log.SetLogLevel(log.LogLevelDebug)
-		tool.TablePrinter(opt.Cfg)
-	}
 }

 func main() {
 	ctx, cancel := signal.NotifyContext(context.Background(), syscall.SIGINT, syscall.SIGTERM)
 	defer cancel()

-	opt.Init(ctx)
-	controller.UserManager.Start(ctx)
-	controller.MetaManager.Start(ctx)
-	controller.RoomController.Start(ctx)
 	api.Start(ctx)

 	<-ctx.Done()
@@ -1,149 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh">
-<head>
-    <meta charset="UTF-8">
-    <title>柔和气泡</title>
-    <style>
-        body {
-            margin: 0;
-            height: 100vh;
-            background: linear-gradient(45deg, #e6e9f0, #eef1f5);
-            overflow: hidden;
-            position: relative;
-        }
-
-        .bubble {
-            position: absolute;
-            width: 100px;
-            height: 100px;
-            border-radius: 50%;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            text-align: center;
-            cursor: pointer;
-            font-family: 'Microsoft Yahei', sans-serif;
-            font-size: 14px;
-            color: rgba(255, 255, 255, 0.9);
-            text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-            transition: transform 0.3s ease;
-            animation: float 6s ease-in-out infinite;
-            /* 泡泡细节 */
-            background: radial-gradient(circle at 30% 30%,
-            rgba(255, 255, 255, 0.8) 10%,
-            rgba(255, 255, 255, 0.3) 50%,
-            transparent 100%);
-            border: 2px solid rgba(255, 255, 255, 0.5);
-            box-shadow: inset 0 -5px 15px rgba(255,255,255,0.3),
-            0 5px 15px rgba(0,0,0,0.1);
-        }
-
-        /* 高光效果 */
-        .bubble::before {
-            content: '';
-            position: absolute;
-            width: 20px;
-            height: 20px;
-            background: rgba(255, 255, 255, 0.7);
-            border-radius: 50%;
-            top: 15px;
-            right: 15px;
-            filter: blur(2px);
-        }
-
-        .bubble:hover {
-            transform: scale(1.05) rotate(3deg);
-        }
-
-        @keyframes float {
-            0%, 100% { transform: translateY(0) rotate(0deg); }
-            33% { transform: translateY(-20px) rotate(3deg); }
-            66% { transform: translateY(10px) rotate(-3deg); }
-        }
-    </style>
-</head>
-<body>
-<script>
-    const prefixes = ['宁静', '温暖', '甜蜜', '柔和', '灿烂', '神秘', '清爽'];
-    const suffixes = ['梦境', '时光', '旋律', '花园', '云端', '海洋', '晨露'];
-    const existingPositions = [];
-    const BUBBLE_SIZE = 100;
-
-    // 检测碰撞
-    function checkCollision(x, y) {
-        return existingPositions.some(pos => {
-            const distance = Math.sqrt(
-                Math.pow(x - pos.x, 2) +
-                Math.pow(y - pos.y, 2)
-            );
-            return distance < BUBBLE_SIZE * 1.2;
-        });
-    }
-
-    function createBubble() {
-        let x, y;
-        let attempts = 0;
-
-        // 生成非重叠位置
-        do {
-            x = Math.random() * (window.innerWidth - BUBBLE_SIZE);
-            y = Math.random() * (window.innerHeight - BUBBLE_SIZE);
-            attempts++;
-        } while (checkCollision(x, y) && attempts < 100);
-
-        if (attempts >= 100) return;
-
-        existingPositions.push({x, y});
-
-        const bubble = document.createElement('div');
-        bubble.className = 'bubble';
-
-        // 随机颜色
-        const hue = Math.random() * 360;
-        bubble.style.backgroundColor = `hsla(${hue},
-                ${Math.random() * 30 + 40}%,
-                ${Math.random() * 10 + 75}%, 0.9)`;
-
-        // 随机名称
-        bubble.textContent = `${prefixes[Math.random()*prefixes.length|0]}的${suffixes[Math.random()*suffixes.length|0]}`;
-
-        // 位置和动画
-        bubble.style.left = x + 'px';
-        bubble.style.top = y + 'px';
-        bubble.style.animationDelay = Math.random() * 2 + 's';
-
-        // 点击效果
-        bubble.addEventListener('click', () => {
-            bubble.style.transition = 'transform 0.5s, opacity 0.5s';
-            bubble.style.transform = 'scale(1.5)';
-            bubble.style.opacity = '0';
-            setTimeout(() => {
-                bubble.remove();
-                existingPositions.splice(existingPositions.findIndex(
-                    pos => pos.x === x && pos.y === y), 1);
-                createBubble();
-            }, 500);
-        });
-
-        document.body.appendChild(bubble);
-    }
-
-    // 初始化15个气泡
-    for (let i = 0; i < 15; i++) createBubble();
-
-    // 自动补充气泡
-    setInterval(() => {
-        if (document.querySelectorAll('.bubble').length < 20) {
-            createBubble();
-        }
-    }, 3000);
-
-    // 窗口大小变化时重置
-    window.addEventListener('resize', () => {
-        existingPositions.length = 0;
-        document.querySelectorAll('.bubble').forEach(bubble => bubble.remove());
-        for (let i = 0; i < 15; i++) createBubble();
-    });
-</script>
-</body>
-</html>
@@ -1,166 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Login Page</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-        }
-
-        body {
-            background-color: #f5f5f5;
-            height: 100vh;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
-
-        .login-container {
-            width: 100%;
-            padding: 20px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
-
-        .login-box {
-            background: white;
-            padding: 40px;
-            border-radius: 10px;
-            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-            width: 100%;
-            max-width: 400px;
-        }
-
-        h2 {
-            text-align: center;
-            color: #333;
-            margin-bottom: 30px;
-        }
-
-        .form-group {
-            margin-bottom: 20px;
-        }
-
-        label {
-            display: block;
-            margin-bottom: 8px;
-            color: #555;
-        }
-
-        input[type="text"],
-        input[type="password"] {
-            width: 100%;
-            padding: 12px;
-            border: 1px solid #ddd;
-            border-radius: 5px;
-            font-size: 16px;
-            transition: border-color 0.3s ease;
-        }
-
-        input[type="text"]:focus,
-        input[type="password"]:focus {
-            border-color: #4CAF50;
-            outline: none;
-        }
-
-        .form-options {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 20px;
-        }
-
-        .remember-me {
-            display: flex;
-            align-items: center;
-            gap: 5px;
-            color: #666;
-        }
-
-        .forgot-password {
-            color: #4CAF50;
-            text-decoration: none;
-            font-size: 14px;
-        }
-
-        .forgot-password:hover {
-            text-decoration: underline;
-        }
-
-        .login-button {
-            width: 100%;
-            padding: 12px;
-            background-color: #4CAF50;
-            color: white;
-            border: none;
-            border-radius: 5px;
-            font-size: 16px;
-            cursor: pointer;
-            transition: background-color 0.3s ease;
-        }
-
-        .login-button:hover {
-            background-color: #45a049;
-        }
-
-        .signup-link {
-            text-align: center;
-            margin-top: 20px;
-            color: #666;
-        }
-
-        .signup-link a {
-            color: #4CAF50;
-            text-decoration: none;
-        }
-
-        .signup-link a:hover {
-            text-decoration: underline;
-        }
-
-        /* Responsive Design */
-        @media (max-width: 480px) {
-            .login-box {
-                padding: 20px;
-            }
-
-            .form-options {
-                flex-direction: column;
-                gap: 10px;
-                align-items: flex-start;
-            }
-        }
-    </style>
-</head>
-<body>
-<div class="login-container">
-    <div class="login-box">
-        <h2>Welcome Back</h2>
-        <form class="login-form">
-            <div class="form-group">
-                <label for="username">Username</label>
-                <input type="text" id="username" name="username" required>
-            </div>
-            <div class="form-group">
-                <label for="password">Password</label>
-                <input type="password" id="password" name="password" required>
-            </div>
-            <div class="form-options">
-                <label class="remember-me">
-                    <input type="checkbox"> Remember me
-                </label>
-                <a href="#" class="forgot-password">Forgot Password?</a>
-            </div>
-            <button type="submit" class="login-button">Log In</button>
-        </form>
-        <p class="signup-link">Don't have an account? <a href="#">Sign up</a></p>
-    </div>
-</div>
-</body>
-</html>
@@ -1,179 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <title>智能文本区域</title>
-    <style>
-        .container {
-            width: 400px;
-            height: 300px;
-            margin: 20px;
-            border: 1px solid #ddd;
-            border-radius: 8px;
-            overflow: hidden;
-            position: relative;
-        }
-
-        .input-box {
-            width: 100%;
-            height: 100%;
-            padding: 10px;
-            box-sizing: border-box;
-            border: none;
-            resize: none;
-            outline: none;
-            font-family: Arial, sans-serif;
-            transition: padding 0.3s ease;
-        }
-
-        .input-box.has-files {
-            padding-top: 50px;
-        }
-
-        .file-list {
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            padding: 8px 10px;
-            background: rgba(255, 255, 255, 0.95);
-            border-bottom: 1px solid #eee;
-            display: none;
-            flex-wrap: wrap;
-            gap: 6px;
-            max-height: 60px;
-            overflow-y: auto;
-        }
-
-        .file-list.has-files {
-           display: flex;
-        }
-
-        .file-item {
-            display: flex;
-            align-items: center;
-            background: #f0f6ff;
-            border: 1px solid #c2d9ff;
-            border-radius: 15px;
-            padding: 4px 12px;
-            font-size: 13px;
-            animation: slideIn 0.2s ease;
-        }
-
-        @keyframes slideIn {
-            from { transform: translateY(-10px); opacity: 0; }
-            to { transform: translateY(0); opacity: 1; }
-        }
-
-        .delete-btn {
-            width: 16px;
-            height: 16px;
-            border: none;
-            background: #ff6b6b;
-            color: white;
-            border-radius: 50%;
-            margin-left: 8px;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 12px;
-        }
-
-        .delete-btn:hover {
-            background: #ff5252;
-        }
-
-        .buttons {
-            position: absolute;
-            bottom: 10px;
-            right: 10px;
-            display: flex;
-            gap: 8px;
-        }
-
-        .action-btn {
-            padding: 8px 16px;
-            background: #4dabf7;
-            color: white;
-            border: none;
-            border-radius: 20px;
-            cursor: pointer;
-            transition: all 0.2s;
-        }
-
-        .action-btn:hover {
-            background: #339af0;
-            transform: translateY(-1px);
-        }
-    </style>
-</head>
-<body>
-<div class="container">
-    <textarea class="input-box" placeholder="开始输入..."></textarea>
-    <div class="file-list" id="fileList"></div>
-    <div class="buttons">
-        <input type="file" id="fileInput" hidden multiple>
-        <button class="action-btn" onclick="document.getElementById('fileInput').click()">📁 选择文件</button>
-        <button class="action-btn" onclick="send()">✈️ 发送</button>
-    </div>
-</div>
-
-<script>
-    const inputBox = document.querySelector('.input-box');
-    const fileInput = document.getElementById('fileInput');
-    const fileList = document.getElementById('fileList');
-
-    // 文件选择事件
-    fileInput.addEventListener('change', function() {
-        updateFileList();
-        adjustInputPadding();
-    });
-
-    // 动态调整输入框间距
-    function adjustInputPadding() {
-        inputBox.classList.toggle('has-files', fileInput.files.length > 0);
-        fileList.classList.toggle('has-files')
-    }
-
-    // 更新文件列表显示
-    function updateFileList() {
-        fileList.innerHTML = '';
-
-        Array.from(fileInput.files).forEach((file, index) => {
-            const item = document.createElement('div');
-            item.className = 'file-item';
-            item.innerHTML = `
-                    <span>${file.name}</span>
-                    <button class="delete-btn" onclick="removeFile(${index})">×</button>
-                `;
-            fileList.appendChild(item);
-        });
-    }
-
-    // 删除单个文件
-    function removeFile(index) {
-        const dt = new DataTransfer();
-        Array.from(fileInput.files).forEach((file, i) => {
-            if (i !== index) dt.items.add(file);
-        });
-        fileInput.files = dt.files;
-        updateFileList();
-        adjustInputPadding();
-    }
-
-    // 发送功能
-    function send() {
-        const text = inputBox.value;
-        const files = fileInput.files;
-
-
-        // 清空内容
-        inputBox.value = '';
-        fileInput.value = '';
-        fileList.innerHTML = '';
-        adjustInputPadding();
-    }
-</script>
-</body>
-</html>
Author	SHA1	Message	Date
loveuer	4801b3de08	wip: v0.0.5	2025-04-27 22:14:21 +08:00
loveuer	25c76aebf2	init: 0.0.4	2025-04-27 18:01:58 +08:00