Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 mamamiyear
|
250ba269f5 |
@@ -1,67 +0,0 @@
|
|||||||
# AGENTS.md
|
|
||||||
|
|
||||||
## 项目概述
|
|
||||||
|
|
||||||
SnapGo 是一个常驻菜单栏的轻量截图工具：全局快捷键唤起选区截图，确认后自动上传到 S3 兼容对象存储（或通过 SSH/SCP 保存到远端），并把可分享链接复制到剪贴板。目前主要打磨 macOS 体验。
|
|
||||||
|
|
||||||
技术栈：**Wails v2**（Go 后端 + WebView 前端）+ **Vue 3 / TypeScript / Vite** 前端。Go 后端遵循分层架构（domain → application → infrastructure），macOS 上截图选区使用原生 AppKit overlay，其它平台回退到 Wails 透明窗口 overlay。
|
|
||||||
|
|
||||||
### 分层架构（`internal/`）
|
|
||||||
|
|
||||||
- `domain/`：核心业务类型与接口，**不依赖任何第三方 SDK 或 OS API**（仅标准库）。如 `OSSProvider` 接口、`AppConfig`/`S3Config`/`SSHConfig`、`Screenshot`/`UploadResult`。
|
|
||||||
- `application/`：用例编排（capture → upload/save → clipboard → notify）。**只依赖 domain 接口**，具体适配器从 `main.go`/`app.go` 注入，便于单测。如 `CaptureAndUploadService`、`CaptureActionsService`、`CaptureAndSSHService`、`ApplyAnnotations`。
|
|
||||||
- `infrastructure/`：对接外部世界的适配器实现 —— `oss/`(S3)、`ssh/`(内置 Go client + Kerberos 委托系统 ssh)、`clipboard/`、`config/`(JSON 文件存储)、`screencapture/`、`display/`、`cursor/`、`hotkey/`、`tray/`(菜单栏)、`logging/`。
|
|
||||||
|
|
||||||
### 顶层文件（`main` 包，根目录）
|
|
||||||
|
|
||||||
- `main.go`：Wails 启动入口，embed `frontend/dist`，装配 tray 与 `App`。
|
|
||||||
- `app.go`：`App` 结构体，通过 Wails `Bind` 暴露给前端的方法（RPC），编排截图/上传/保存流程与 overlay 窗口生命周期。
|
|
||||||
- `*_darwin.go` / `*_other.go`：平台分离的 overlay、dock 图标、激活策略、帧刷新等实现。`native_overlay_darwin.go` 使用 cgo + AppKit。
|
|
||||||
|
|
||||||
### 关键约定
|
|
||||||
|
|
||||||
- 前端通过 Wails 自动生成的 `frontend/wailsjs/go/main/App.js` 调用后端 `App` 的导出方法；后端通过 `wruntime.EventsEmit` 向前端推事件（如 `upload:success`、`upload:failure`、`hotkey:ready`、`capture:overlay`）。
|
|
||||||
- 新增 OSS provider 只需在 `infrastructure/oss/` 加适配器并实现 `domain.OSSProvider`，无需改 application 层。
|
|
||||||
- S3 与 SSH 走独立 pipeline（`runUploadPipeline` vs `runSaveRemotePipeline`），避免 provider 分支泄漏进彼此。
|
|
||||||
|
|
||||||
## 构建与命令
|
|
||||||
|
|
||||||
依赖前置：Go 1.23+、Node/npm、`wails` CLI（`go install github.com/wailsapp/wails/v2/cmd/wails@latest`）。
|
|
||||||
|
|
||||||
- `go mod tidy`：同步 Go 依赖。
|
|
||||||
- `wails dev`：开发模式（热重载前端 + 后端），日志可直接在终端看到。
|
|
||||||
- `wails build -platform darwin/arm64 -clean`：构建 `.app`（产物在 `build/bin/`）。
|
|
||||||
- `./scripts/create-dev-cert.sh`：首次创建本地自签开发证书（保证 macOS TCC 权限不被反复重置）。
|
|
||||||
- `./scripts/dev-build.sh`：本地迭代用 —— 构建 + 稳定证书重签名 + 同步到 `/Applications` + 打开。优先用它而非裸 `wails build`。
|
|
||||||
- `./scripts/release.sh`：一键 build → sign → DMG → notarize（notarize 需 `NOTARIZE=1` 与凭证，默认跳过）。`ARCH=universal` 可出 fat binary。
|
|
||||||
- 前端单独命令（`frontend/`）：`npm run dev` / `npm run build`（`vue-tsc --noEmit && vite build`）/ `npm run preview`。
|
|
||||||
|
|
||||||
## 代码风格
|
|
||||||
|
|
||||||
- **Go**：标准 `gofmt`（tab 缩进）。包级 doc 注释说明“设计动机/rationale”是本仓库的强约定，注释解释“为什么”而非“是什么”。导出标识符必须有注释。错误用 `fmt.Errorf("...: %w", err)` 包装。日志统一用 `log/slog`（结构化 kv，如 `slog.Info("...", "host", h)`）。
|
|
||||||
- **平台分离**：用 `_darwin.go` / `_other.go` 文件名后缀或 `//go:build` 标签隔离平台代码，保持跨平台编译通过。
|
|
||||||
- **TypeScript/Vue**：Vue 3 `<script setup>` + Composition API；2 空格缩进。视图在 `frontend/src/views/`，组件在 `components/`。
|
|
||||||
- 注释中可使用中文（部分 infra 包如 logging 已用中文 rationale），与现有文件保持一致即可。
|
|
||||||
- 不要手改 `frontend/wailsjs/` 下文件，它们由 Wails 生成。
|
|
||||||
|
|
||||||
## 测试
|
|
||||||
|
|
||||||
- 框架：Go 标准 `testing` 包（无第三方断言库）。运行：`go test ./...`。
|
|
||||||
- 现有测试集中在 `internal/application/`（如 `capture_actions_test.go`、`annotation_test.go`）。
|
|
||||||
- 约定：application 层依赖 domain 接口，测试用手写 fake 实现（如 `fakeClipboard`、`fakeNotifier`）注入，不触碰真实 OS/网络。文件 IO 测试使用 `t.TempDir()`。
|
|
||||||
- infrastructure 适配器（S3/SSH/screencapture 等）依赖真实环境，通常不写单测；SSH 连通性可借助 `cmd/sshdiag/` 诊断工具与设置页的 “Test connection” 按钮验证。
|
|
||||||
|
|
||||||
## 安全
|
|
||||||
|
|
||||||
- **凭证落盘**：配置（含 S3 access key、SSH 密码）以 JSON 存于 `os.UserConfigDir()/SnapGo/config.json`，文件权限 `0600`、目录 `0700`。尚未接入 OS keychain（后续计划），改动配置存储时务必保持严格权限并避免把密钥写入日志。
|
|
||||||
- **日志**：写入 `~/Library/Logs/SnapGo/snapgo.log`（大小滚动，5MiB×2 备份）。记录连接信息时只记 host/user/port 等非敏感字段，**切勿记录密码/密钥**（参考 `app.go` 中的 `slog` 用法）。
|
|
||||||
- **SSH**：`StrictHostKey=false` 时使用 `InsecureIgnoreHostKey()`（牺牲安全换首启可用性，仅限个人 LAN）；Kerberos 模式委托系统 `/usr/bin/ssh` 复用 `kinit` 凭证缓存。`PathPrefix` 相对远端 `$HOME`，会剥离前导 `/` 和 `~` 防止逃逸。
|
|
||||||
- **上传兜底**：上传失败时把 PNG 落地到 `~/Pictures/SnapGo` 并复制本地路径，保证不丢截图。
|
|
||||||
- macOS 需 Screen Recording / Accessibility（TCC）权限；稳定的代码签名身份与安装路径是权限保持的关键（见 `dev-build.sh` 注释）。
|
|
||||||
|
|
||||||
## 配置
|
|
||||||
|
|
||||||
- Wails 项目配置：`wails.json`（产物名、frontend install/build/dev 命令、应用元信息）。
|
|
||||||
- 运行时配置：首启写入默认值（`domain.DefaultAppConfig()`：快捷键 `cmd+shift+a`、S3 `pathPrefix=snapgo/`、SSH port 22 / timeout 10s）。原子写入（temp + rename）。
|
|
||||||
- 环境变量：`SNAPGO_LOG_LEVEL=debug|info|warn|error`（默认 debug）。Release 相关：`ARCH`、`NOTARIZE`、`SIGN_MODE`、`DEVELOPER_ID_APPLICATION`、`KEYCHAIN_PROFILE`、`APPLE_ID`/`APPLE_TEAM_ID`/`APPLE_APP_SPECIFIC_PASSWORD`。
|
|
||||||
- S3 兼容性：`UsePathStyle` 默认 true（适配 MinIO/R2）；`PublicURLBase` 可选用于 CDN/自定义域名，否则回退 `{Endpoint}/{Bucket}/{Key}`。
|
|
||||||
@@ -5,12 +5,6 @@ package main
|
|||||||
/*
|
/*
|
||||||
#cgo CFLAGS: -x objective-c -fobjc-arc
|
#cgo CFLAGS: -x objective-c -fobjc-arc
|
||||||
#cgo LDFLAGS: -framework AppKit
|
#cgo LDFLAGS: -framework AppKit
|
||||||
// Silence the "ignoring duplicate libraries: '-lobjc'" note emitted by the
|
|
||||||
// Xcode 15+ linker (ld-prime): cgo links -lobjc for our Objective-C code and
|
|
||||||
// the Go darwin runtime pulls it in as well, which the new linker flags as a
|
|
||||||
// duplicate. Suppressing it here keeps the build output clean; the flag is a
|
|
||||||
// no-op on the legacy ld64 path.
|
|
||||||
#cgo LDFLAGS: -Wl,-no_warn_duplicate_libraries
|
|
||||||
#include <dispatch/dispatch.h>
|
#include <dispatch/dispatch.h>
|
||||||
#import <AppKit/AppKit.h>
|
#import <AppKit/AppKit.h>
|
||||||
|
|
||||||
|
|||||||
@@ -3,12 +3,10 @@
|
|||||||
package main
|
package main
|
||||||
|
|
||||||
import (
|
import (
|
||||||
"bytes"
|
|
||||||
"context"
|
"context"
|
||||||
"encoding/json"
|
"encoding/json"
|
||||||
"fmt"
|
"fmt"
|
||||||
"image"
|
"image"
|
||||||
"image/png"
|
|
||||||
"log/slog"
|
"log/slog"
|
||||||
"os"
|
"os"
|
||||||
"path/filepath"
|
"path/filepath"
|
||||||
@@ -24,8 +22,6 @@ import (
|
|||||||
"github.com/mmmy/snapgo/internal/infrastructure/config"
|
"github.com/mmmy/snapgo/internal/infrastructure/config"
|
||||||
"github.com/mmmy/snapgo/internal/infrastructure/display"
|
"github.com/mmmy/snapgo/internal/infrastructure/display"
|
||||||
"github.com/mmmy/snapgo/internal/infrastructure/hotkey"
|
"github.com/mmmy/snapgo/internal/infrastructure/hotkey"
|
||||||
llmpkg "github.com/mmmy/snapgo/internal/infrastructure/llm"
|
|
||||||
ocrpkg "github.com/mmmy/snapgo/internal/infrastructure/ocr"
|
|
||||||
"github.com/mmmy/snapgo/internal/infrastructure/oss"
|
"github.com/mmmy/snapgo/internal/infrastructure/oss"
|
||||||
"github.com/mmmy/snapgo/internal/infrastructure/screencapture"
|
"github.com/mmmy/snapgo/internal/infrastructure/screencapture"
|
||||||
sshpkg "github.com/mmmy/snapgo/internal/infrastructure/ssh"
|
sshpkg "github.com/mmmy/snapgo/internal/infrastructure/ssh"
|
||||||
@@ -100,15 +96,6 @@ type CaptureActionResult struct {
|
|||||||
Path string `json:"path,omitempty"`
|
Path string `json:"path,omitempty"`
|
||||||
}
|
}
|
||||||
|
|
||||||
// OperationStatusPayload drives the frontend status HUD and mirrors the
|
|
||||||
// native macOS HUD state.
|
|
||||||
type OperationStatusPayload struct {
|
|
||||||
Operation string `json:"operation"`
|
|
||||||
Phase string `json:"phase"`
|
|
||||||
Message string `json:"message"`
|
|
||||||
State string `json:"state"`
|
|
||||||
}
|
|
||||||
|
|
||||||
// NewApp creates a new App with collaborators already initialised.
|
// NewApp creates a new App with collaborators already initialised.
|
||||||
func NewApp() *App {
|
func NewApp() *App {
|
||||||
store, err := config.NewFileStore()
|
store, err := config.NewFileStore()
|
||||||
@@ -123,7 +110,6 @@ func NewApp() *App {
|
|||||||
slog.Warn("config load failed, using defaults", "err", lerr)
|
slog.Warn("config load failed, using defaults", "err", lerr)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
cfg.Normalize()
|
|
||||||
return &App{
|
return &App{
|
||||||
cfg: cfg,
|
cfg: cfg,
|
||||||
configFile: store,
|
configFile: store,
|
||||||
@@ -241,8 +227,8 @@ func (a *App) runInteractiveCapture() {
|
|||||||
// ---------------------------------------------------------------------------
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
const (
|
const (
|
||||||
settingsWidth = 1000
|
settingsWidth = 1080
|
||||||
settingsHeight = 820
|
settingsHeight = 720
|
||||||
)
|
)
|
||||||
|
|
||||||
// showOverlayWindow prepares the hidden main window as a borderless,
|
// showOverlayWindow prepares the hidden main window as a borderless,
|
||||||
@@ -311,44 +297,23 @@ func (a *App) runUploadPipeline(provider domain.OSSProvider, pngBytes []byte) er
|
|||||||
FallbackDir: filepath.Join(userPicturesDir(), "SnapGo"),
|
FallbackDir: filepath.Join(userPicturesDir(), "SnapGo"),
|
||||||
PathPrefix: cfg.S3.PathPrefix,
|
PathPrefix: cfg.S3.PathPrefix,
|
||||||
}
|
}
|
||||||
a.emitOperationStatus("upload", "上传中", "正在上传截图到 S3", "running")
|
return svc.ExecuteWithBytes(a.ctx, pngBytes)
|
||||||
if err := svc.ExecuteWithBytes(a.ctx, pngBytes); err != nil {
|
|
||||||
a.emitOperationStatus("upload", "上传失败", err.Error(), "error")
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
a.emitOperationStatus("upload", "上传完成", "链接已复制到剪贴板", "success")
|
|
||||||
return nil
|
|
||||||
}
|
}
|
||||||
|
|
||||||
func (a *App) runCopyImagePipeline(pngBytes []byte) error {
|
func (a *App) runCopyImagePipeline(pngBytes []byte) error {
|
||||||
svc := &application.CaptureActionsService{
|
svc := &application.CaptureActionsService{
|
||||||
Clipboard: a.clip,
|
Clipboard: a.clip,
|
||||||
|
Notifier: &runtimeNotifier{ctx: a.ctx},
|
||||||
}
|
}
|
||||||
a.emitOperationStatus("copy", "复制中", "正在把截图复制到剪贴板", "running")
|
return svc.CopyImage(a.ctx, pngBytes)
|
||||||
if err := svc.CopyImage(a.ctx, pngBytes); err != nil {
|
|
||||||
a.emitOperationStatus("copy", "复制失败", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
a.emitOperationStatus("copy", "复制完成", "截图已复制到剪贴板", "success")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:success", "image copied to clipboard")
|
|
||||||
return nil
|
|
||||||
}
|
}
|
||||||
|
|
||||||
func (a *App) runSaveImagePipeline(pngBytes []byte, dir string) (string, error) {
|
func (a *App) runSaveImagePipeline(pngBytes []byte, dir string) (string, error) {
|
||||||
svc := &application.CaptureActionsService{
|
svc := &application.CaptureActionsService{
|
||||||
Clipboard: a.clip,
|
Clipboard: a.clip,
|
||||||
|
Notifier: &runtimeNotifier{ctx: a.ctx},
|
||||||
}
|
}
|
||||||
a.emitOperationStatus("save", "保存中", "正在保存截图到本地", "running")
|
return svc.SaveImage(a.ctx, pngBytes, dir)
|
||||||
path, err := svc.SaveImage(a.ctx, pngBytes, dir)
|
|
||||||
if err != nil {
|
|
||||||
a.emitOperationStatus("save", "保存失败", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return "", err
|
|
||||||
}
|
|
||||||
a.emitOperationStatus("save", "保存完成", "文件路径已复制到剪贴板："+path, "success")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:success", path)
|
|
||||||
return path, nil
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// runSaveRemotePipeline uploads the captured PNG to the configured SSH host
|
// runSaveRemotePipeline uploads the captured PNG to the configured SSH host
|
||||||
@@ -367,7 +332,6 @@ func (a *App) runSaveRemotePipeline(pngBytes []byte) error {
|
|||||||
err := fmt.Errorf("SSH host/user is not configured")
|
err := fmt.Errorf("SSH host/user is not configured")
|
||||||
slog.Warn("save-remote rejected: ssh not configured",
|
slog.Warn("save-remote rejected: ssh not configured",
|
||||||
"host", cfg.SSH.Host, "user", cfg.SSH.User)
|
"host", cfg.SSH.Host, "user", cfg.SSH.User)
|
||||||
a.emitOperationStatus("save-remote", "需要配置 SSH", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
||||||
return err
|
return err
|
||||||
}
|
}
|
||||||
@@ -376,12 +340,16 @@ func (a *App) runSaveRemotePipeline(pngBytes []byte) error {
|
|||||||
"auth_method", cfg.SSH.AuthMethod, "png_size", len(pngBytes))
|
"auth_method", cfg.SSH.AuthMethod, "png_size", len(pngBytes))
|
||||||
|
|
||||||
// Select the uploader by auth method: Kerberos delegates to the system
|
// Select the uploader by auth method: Kerberos delegates to the system
|
||||||
// ssh/scp binaries (reusing the kinit credential cache), while builtin
|
// ssh/scp binaries (reusing the kinit credential cache), bgo delegates to
|
||||||
// uses the in-process Go SSH client.
|
// the internal `bgo scp` client (under a PTY), while builtin uses the
|
||||||
|
// in-process Go SSH client.
|
||||||
var uploader application.SSHUploader
|
var uploader application.SSHUploader
|
||||||
if cfg.SSH.IsKerberos() {
|
switch {
|
||||||
|
case cfg.SSH.IsKerberos():
|
||||||
uploader = sshpkg.NewKerberosUploader(cfg.SSH)
|
uploader = sshpkg.NewKerberosUploader(cfg.SSH)
|
||||||
} else {
|
case cfg.SSH.IsBgo():
|
||||||
|
uploader = sshpkg.NewBgoUploader(cfg.SSH)
|
||||||
|
default:
|
||||||
uploader = sshpkg.NewUploader(cfg.SSH)
|
uploader = sshpkg.NewUploader(cfg.SSH)
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -391,157 +359,7 @@ func (a *App) runSaveRemotePipeline(pngBytes []byte) error {
|
|||||||
Notifier: &runtimeNotifier{ctx: a.ctx},
|
Notifier: &runtimeNotifier{ctx: a.ctx},
|
||||||
Cfg: cfg.SSH,
|
Cfg: cfg.SSH,
|
||||||
}
|
}
|
||||||
a.emitOperationStatus("save-remote", "保存中", "正在保存截图到远端 SSH", "running")
|
return svc.ExecuteWithBytes(a.ctx, pngBytes)
|
||||||
if err := svc.ExecuteWithBytes(a.ctx, pngBytes); err != nil {
|
|
||||||
a.emitOperationStatus("save-remote", "保存失败", err.Error(), "error")
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
a.emitOperationStatus("save-remote", "保存完成", "远端路径已复制到剪贴板", "success")
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func (a *App) runSummaryPipeline(pngBytes []byte) error {
|
|
||||||
a.mu.RLock()
|
|
||||||
cfg := a.cfg
|
|
||||||
a.mu.RUnlock()
|
|
||||||
|
|
||||||
if !cfg.IsLLMConfigured() {
|
|
||||||
err := fmt.Errorf("请先在 LLM 配置页填写 API Key 和模型")
|
|
||||||
a.emitOperationStatus("summary", "需要配置 LLM", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
|
|
||||||
providerID, llmCfg, _ := cfg.ActiveLLMProvider()
|
|
||||||
visionClient, err := llmpkg.NewVisionClient(providerID, llmCfg)
|
|
||||||
if err != nil {
|
|
||||||
a.emitOperationStatus("summary", "LLM 配置错误", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
|
|
||||||
svc := &application.CaptureSummaryService{
|
|
||||||
Summarizer: visionClient,
|
|
||||||
Clipboard: a.clip,
|
|
||||||
Prompt: cfg.LLM.Prompt,
|
|
||||||
PathPrefix: cfg.S3.PathPrefix,
|
|
||||||
MaxInlineBytes: llmCfg.MaxInlineBytes,
|
|
||||||
}
|
|
||||||
|
|
||||||
// Preferred path: send the screenshot inline as a base64 data URL so the
|
|
||||||
// summary never depends on S3 being configured or publicly reachable.
|
|
||||||
if svc.CanInline(pngBytes) {
|
|
||||||
a.emitOperationStatus("summary", "识别中", "正在请求多模态模型（本地内联图片）", "running")
|
|
||||||
summary, err := svc.Summarize(a.ctx, svc.InlineDataURL(pngBytes))
|
|
||||||
if err != nil {
|
|
||||||
a.emitOperationStatus("summary", "识别失败", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
return a.finishSummary(svc, summary)
|
|
||||||
}
|
|
||||||
|
|
||||||
// Oversized image: fall back to uploading to S3 and passing a public URL.
|
|
||||||
if !cfg.IsS3Configured() {
|
|
||||||
err := fmt.Errorf("截图尺寸超过内联上限（%d 字节），请缩小截图区域，或在 S3 配置页填写公网可达的对象存储后重试", llmCfg.MaxInlineBytes)
|
|
||||||
a.emitOperationStatus("summary", "尺寸超限", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
|
|
||||||
s3Provider, err := oss.NewS3Provider(cfg.S3)
|
|
||||||
if err != nil {
|
|
||||||
a.emitOperationStatus("summary", "S3 配置错误", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
svc.Provider = s3Provider
|
|
||||||
|
|
||||||
a.emitOperationStatus("summary", "上传中", "截图较大，正在上传供模型读取", "running")
|
|
||||||
uploaded, err := svc.UploadImage(a.ctx, pngBytes)
|
|
||||||
if err != nil {
|
|
||||||
a.emitOperationStatus("summary", "上传失败", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
|
|
||||||
// The remote model fetches the URL itself, so verify it is reachable and
|
|
||||||
// clean up the temporary object once we are done with it either way.
|
|
||||||
defer func() {
|
|
||||||
if derr := svc.DeleteUploaded(a.ctx, uploaded.Key); derr != nil {
|
|
||||||
slog.Warn("summary: failed to delete temporary object", "key", uploaded.Key, "err", derr)
|
|
||||||
}
|
|
||||||
}()
|
|
||||||
|
|
||||||
if err := svc.EnsureReachable(a.ctx, uploaded.URL); err != nil {
|
|
||||||
a.emitOperationStatus("summary", "链接不可达", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
|
|
||||||
a.emitOperationStatus("summary", "识别中", "图片已上传，正在请求多模态模型", "running")
|
|
||||||
summary, err := svc.Summarize(a.ctx, uploaded.URL)
|
|
||||||
if err != nil {
|
|
||||||
a.emitOperationStatus("summary", "识别失败", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
return a.finishSummary(svc, summary)
|
|
||||||
}
|
|
||||||
|
|
||||||
// finishSummary copies the summary to the clipboard and emits the terminal
|
|
||||||
// success/failure UI state shared by the inline and S3 paths.
|
|
||||||
func (a *App) finishSummary(svc *application.CaptureSummaryService, summary string) error {
|
|
||||||
if err := svc.CopySummary(a.ctx, summary); err != nil {
|
|
||||||
a.emitOperationStatus("summary", "复制失败", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
a.emitOperationStatus("summary", "识别完成", "总结已复制到剪贴板", "success")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:success", "summary copied to clipboard")
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func (a *App) runOCRPipeline(pngBytes []byte) error {
|
|
||||||
a.mu.RLock()
|
|
||||||
cfg := a.cfg
|
|
||||||
a.mu.RUnlock()
|
|
||||||
|
|
||||||
if !cfg.IsOCRConfigured() {
|
|
||||||
err := fmt.Errorf("请先在文字提取配置页填写 OCR Provider 的 AccessKey ID 和 AccessKey Secret")
|
|
||||||
a.emitOperationStatus("ocr", "需要配置 OCR", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
|
|
||||||
providerID, ocrCfg, _ := cfg.ActiveOCRProvider()
|
|
||||||
recognizer, err := ocrpkg.NewClient(providerID, ocrCfg)
|
|
||||||
if err != nil {
|
|
||||||
a.emitOperationStatus("ocr", "OCR 配置错误", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
|
|
||||||
svc := &application.CaptureOCRService{
|
|
||||||
Recognizer: recognizer,
|
|
||||||
Clipboard: a.clip,
|
|
||||||
}
|
|
||||||
|
|
||||||
a.emitOperationStatus("ocr", "识别中", "正在提取截图文字", "running")
|
|
||||||
text, err := svc.Recognize(a.ctx, pngBytes)
|
|
||||||
if err != nil {
|
|
||||||
a.emitOperationStatus("ocr", "识别失败", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
if err := svc.CopyText(a.ctx, text); err != nil {
|
|
||||||
a.emitOperationStatus("ocr", "复制失败", err.Error(), "error")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
a.emitOperationStatus("ocr", "提取完成", "文字已复制到剪贴板", "success")
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:success", "ocr text copied to clipboard")
|
|
||||||
return nil
|
|
||||||
}
|
}
|
||||||
|
|
||||||
func (a *App) consumePendingCapture() (*pendingCapture, error) {
|
func (a *App) consumePendingCapture() (*pendingCapture, error) {
|
||||||
@@ -564,8 +382,7 @@ func (a *App) captureSelectedPNG(result CaptureResult, pc *pendingCapture) ([]by
|
|||||||
return nil, err
|
return nil, err
|
||||||
}
|
}
|
||||||
if len(result.Annotations) > 0 {
|
if len(result.Annotations) > 0 {
|
||||||
scaleX, scaleY := annotationScalesForCapture(cropped, rect, pc.Display.Scale)
|
cropped, err = application.ApplyAnnotations(cropped, result.Annotations, pc.Display.Scale)
|
||||||
cropped, err = application.ApplyAnnotationsWithScale(cropped, result.Annotations, scaleX, scaleY)
|
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return nil, err
|
return nil, err
|
||||||
}
|
}
|
||||||
@@ -573,33 +390,6 @@ func (a *App) captureSelectedPNG(result CaptureResult, pc *pendingCapture) ([]by
|
|||||||
return cropped, nil
|
return cropped, nil
|
||||||
}
|
}
|
||||||
|
|
||||||
func annotationScalesForCapture(pngBytes []byte, rect RegionRect, fallback float64) (float64, float64) {
|
|
||||||
if fallback <= 0 {
|
|
||||||
fallback = 1
|
|
||||||
}
|
|
||||||
scaleX := fallback
|
|
||||||
scaleY := fallback
|
|
||||||
|
|
||||||
cfg, err := png.DecodeConfig(bytes.NewReader(pngBytes))
|
|
||||||
if err != nil {
|
|
||||||
return scaleX, scaleY
|
|
||||||
}
|
|
||||||
if rect.W > 0 && cfg.Width > 0 {
|
|
||||||
scaleX = saneAnnotationScale(float64(cfg.Width)/float64(rect.W), fallback)
|
|
||||||
}
|
|
||||||
if rect.H > 0 && cfg.Height > 0 {
|
|
||||||
scaleY = saneAnnotationScale(float64(cfg.Height)/float64(rect.H), fallback)
|
|
||||||
}
|
|
||||||
return scaleX, scaleY
|
|
||||||
}
|
|
||||||
|
|
||||||
func saneAnnotationScale(scale, fallback float64) float64 {
|
|
||||||
if scale >= 0.25 && scale <= 8 {
|
|
||||||
return scale
|
|
||||||
}
|
|
||||||
return fallback
|
|
||||||
}
|
|
||||||
|
|
||||||
func (a *App) chooseSaveDirectory() (string, error) {
|
func (a *App) chooseSaveDirectory() (string, error) {
|
||||||
return wruntime.OpenDirectoryDialog(a.ctx, wruntime.OpenDialogOptions{
|
return wruntime.OpenDirectoryDialog(a.ctx, wruntime.OpenDialogOptions{
|
||||||
Title: "Save screenshot to folder",
|
Title: "Save screenshot to folder",
|
||||||
@@ -622,7 +412,6 @@ func (a *App) GetConfig() domain.AppConfig {
|
|||||||
// SaveConfig persists the supplied configuration and re-registers the hotkey
|
// SaveConfig persists the supplied configuration and re-registers the hotkey
|
||||||
// if it changed.
|
// if it changed.
|
||||||
func (a *App) SaveConfig(cfg domain.AppConfig) error {
|
func (a *App) SaveConfig(cfg domain.AppConfig) error {
|
||||||
cfg.Normalize()
|
|
||||||
a.mu.Lock()
|
a.mu.Lock()
|
||||||
prev := a.cfg
|
prev := a.cfg
|
||||||
a.cfg = cfg
|
a.cfg = cfg
|
||||||
@@ -682,6 +471,15 @@ func (a *App) TestSSHConnection(cfg domain.SSHConfig) error {
|
|||||||
}
|
}
|
||||||
return nil
|
return nil
|
||||||
}
|
}
|
||||||
|
// bgo manages its own auth; we can only confirm the binary is installed
|
||||||
|
// and resolvable (a real transfer would need a live remote + PTY).
|
||||||
|
if cfg.IsBgo() {
|
||||||
|
if err := sshpkg.TestBgoConnection(a.ctx, cfg); err != nil {
|
||||||
|
slog.Error("RPC TestSSHConnection (bgo) failed", "err", err)
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
if err := sshpkg.TestConnection(a.ctx, cfg); err != nil {
|
if err := sshpkg.TestConnection(a.ctx, cfg); err != nil {
|
||||||
slog.Error("RPC TestSSHConnection failed", "err", err)
|
slog.Error("RPC TestSSHConnection failed", "err", err)
|
||||||
return err
|
return err
|
||||||
@@ -920,64 +718,6 @@ func (a *App) SaveRegionToRemote(result CaptureResult) error {
|
|||||||
return a.runSaveRemotePipeline(cropped)
|
return a.runSaveRemotePipeline(cropped)
|
||||||
}
|
}
|
||||||
|
|
||||||
// SummarizeRegion uploads the selected screenshot to S3, sends the public URL
|
|
||||||
// to the configured multimodal LLM, and copies the resulting summary.
|
|
||||||
func (a *App) SummarizeRegion(result CaptureResult) error {
|
|
||||||
pc, err := a.consumePendingCapture()
|
|
||||||
if err != nil {
|
|
||||||
slog.Warn("SummarizeRegion: no pending capture", "err", err)
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
defer func() {
|
|
||||||
a.capturing.Store(false)
|
|
||||||
a.dismissOverlay()
|
|
||||||
}()
|
|
||||||
|
|
||||||
a.dismissOverlay()
|
|
||||||
flushFrame()
|
|
||||||
|
|
||||||
slog.Info("SummarizeRegion: capturing region",
|
|
||||||
"x", result.Rect.X, "y", result.Rect.Y,
|
|
||||||
"w", result.Rect.W, "h", result.Rect.H,
|
|
||||||
"annotations", len(result.Annotations))
|
|
||||||
cropped, err := a.captureSelectedPNG(result, pc)
|
|
||||||
if err != nil {
|
|
||||||
slog.Error("SummarizeRegion: capture failed", "err", err)
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
return a.runSummaryPipeline(cropped)
|
|
||||||
}
|
|
||||||
|
|
||||||
// ExtractTextRegion sends the selected screenshot to the configured OCR
|
|
||||||
// provider and copies the extracted text to the clipboard.
|
|
||||||
func (a *App) ExtractTextRegion(result CaptureResult) error {
|
|
||||||
pc, err := a.consumePendingCapture()
|
|
||||||
if err != nil {
|
|
||||||
slog.Warn("ExtractTextRegion: no pending capture", "err", err)
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
defer func() {
|
|
||||||
a.capturing.Store(false)
|
|
||||||
a.dismissOverlay()
|
|
||||||
}()
|
|
||||||
|
|
||||||
a.dismissOverlay()
|
|
||||||
flushFrame()
|
|
||||||
|
|
||||||
slog.Info("ExtractTextRegion: capturing region",
|
|
||||||
"x", result.Rect.X, "y", result.Rect.Y,
|
|
||||||
"w", result.Rect.W, "h", result.Rect.H,
|
|
||||||
"annotations", len(result.Annotations))
|
|
||||||
cropped, err := a.captureSelectedPNG(result, pc)
|
|
||||||
if err != nil {
|
|
||||||
slog.Error("ExtractTextRegion: capture failed", "err", err)
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
return a.runOCRPipeline(cropped)
|
|
||||||
}
|
|
||||||
|
|
||||||
// SaveNativeRegionToRemote is the macOS-native overlay equivalent of
|
// SaveNativeRegionToRemote is the macOS-native overlay equivalent of
|
||||||
// SaveRegionToRemote. The AppKit panel is already closed by the time this
|
// SaveRegionToRemote. The AppKit panel is already closed by the time this
|
||||||
// runs (see saveRemoteSelection in native_overlay_darwin.go), so we only
|
// runs (see saveRemoteSelection in native_overlay_darwin.go), so we only
|
||||||
@@ -1008,60 +748,6 @@ func (a *App) SaveNativeRegionToRemote(result CaptureResult) error {
|
|||||||
return a.runSaveRemotePipeline(cropped)
|
return a.runSaveRemotePipeline(cropped)
|
||||||
}
|
}
|
||||||
|
|
||||||
// SummarizeNativeRegion is the macOS-native overlay equivalent of
|
|
||||||
// SummarizeRegion. The AppKit panel is already closed before this runs.
|
|
||||||
func (a *App) SummarizeNativeRegion(result CaptureResult) error {
|
|
||||||
pc, err := a.consumePendingCapture()
|
|
||||||
if err != nil {
|
|
||||||
slog.Warn("SummarizeNativeRegion: no pending capture", "err", err)
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
defer func() {
|
|
||||||
a.capturing.Store(false)
|
|
||||||
hideDockIcon()
|
|
||||||
}()
|
|
||||||
|
|
||||||
flushFrame()
|
|
||||||
slog.Info("SummarizeNativeRegion: capturing region",
|
|
||||||
"x", result.Rect.X, "y", result.Rect.Y,
|
|
||||||
"w", result.Rect.W, "h", result.Rect.H,
|
|
||||||
"annotations", len(result.Annotations))
|
|
||||||
cropped, err := a.captureSelectedPNG(result, pc)
|
|
||||||
if err != nil {
|
|
||||||
slog.Error("SummarizeNativeRegion: capture failed", "err", err)
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
return a.runSummaryPipeline(cropped)
|
|
||||||
}
|
|
||||||
|
|
||||||
// ExtractTextNativeRegion is the macOS-native overlay equivalent of
|
|
||||||
// ExtractTextRegion. The AppKit panel is already closed before this runs.
|
|
||||||
func (a *App) ExtractTextNativeRegion(result CaptureResult) error {
|
|
||||||
pc, err := a.consumePendingCapture()
|
|
||||||
if err != nil {
|
|
||||||
slog.Warn("ExtractTextNativeRegion: no pending capture", "err", err)
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
defer func() {
|
|
||||||
a.capturing.Store(false)
|
|
||||||
hideDockIcon()
|
|
||||||
}()
|
|
||||||
|
|
||||||
flushFrame()
|
|
||||||
slog.Info("ExtractTextNativeRegion: capturing region",
|
|
||||||
"x", result.Rect.X, "y", result.Rect.Y,
|
|
||||||
"w", result.Rect.W, "h", result.Rect.H,
|
|
||||||
"annotations", len(result.Annotations))
|
|
||||||
cropped, err := a.captureSelectedPNG(result, pc)
|
|
||||||
if err != nil {
|
|
||||||
slog.Error("ExtractTextNativeRegion: capture failed", "err", err)
|
|
||||||
wruntime.EventsEmit(a.ctx, "upload:failure", err.Error())
|
|
||||||
return err
|
|
||||||
}
|
|
||||||
return a.runOCRPipeline(cropped)
|
|
||||||
}
|
|
||||||
|
|
||||||
func parseNativeAnnotations(raw string) []application.Annotation {
|
func parseNativeAnnotations(raw string) []application.Annotation {
|
||||||
if raw == "" {
|
if raw == "" {
|
||||||
return nil
|
return nil
|
||||||
@@ -1083,7 +769,6 @@ func (a *App) CancelRegion() {
|
|||||||
a.pendingMu.Unlock()
|
a.pendingMu.Unlock()
|
||||||
a.capturing.Store(false)
|
a.capturing.Store(false)
|
||||||
a.dismissOverlay()
|
a.dismissOverlay()
|
||||||
a.emitOperationStatus("capture", "已取消", "本次截图已取消", "success")
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// CancelNativeRegion releases native-overlay state without touching the
|
// CancelNativeRegion releases native-overlay state without touching the
|
||||||
@@ -1094,7 +779,6 @@ func (a *App) CancelNativeRegion() {
|
|||||||
a.pendingMu.Unlock()
|
a.pendingMu.Unlock()
|
||||||
a.capturing.Store(false)
|
a.capturing.Store(false)
|
||||||
hideDockIcon()
|
hideDockIcon()
|
||||||
a.emitOperationStatus("capture", "已取消", "本次截图已取消", "success")
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// ShowWindow brings the main window back to the foreground in its normal
|
// ShowWindow brings the main window back to the foreground in its normal
|
||||||
@@ -1113,27 +797,6 @@ func (a *App) QuitApp() {
|
|||||||
os.Exit(0)
|
os.Exit(0)
|
||||||
}
|
}
|
||||||
|
|
||||||
func (a *App) emitOperationStatus(operation, phase, message, state string) {
|
|
||||||
if a.ctx != nil {
|
|
||||||
wruntime.EventsEmit(a.ctx, "operation:status", OperationStatusPayload{
|
|
||||||
Operation: operation,
|
|
||||||
Phase: phase,
|
|
||||||
Message: message,
|
|
||||||
State: state,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
switch state {
|
|
||||||
case "success":
|
|
||||||
showOperationStatus(phase, message, operationStatusSuccess)
|
|
||||||
hideOperationStatusAfter(1400 * time.Millisecond)
|
|
||||||
case "error":
|
|
||||||
showOperationStatus(phase, message, operationStatusError)
|
|
||||||
hideOperationStatusAfter(2600 * time.Millisecond)
|
|
||||||
default:
|
|
||||||
showOperationStatus(phase, message, operationStatusRunning)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// runtimeNotifier emits success / failure events via the Wails runtime.
|
// runtimeNotifier emits success / failure events via the Wails runtime.
|
||||||
type runtimeNotifier struct{ ctx context.Context }
|
type runtimeNotifier struct{ ctx context.Context }
|
||||||
|
|
||||||
|
|||||||
+71
-237
@@ -3,7 +3,9 @@
|
|||||||
* App shell — switches between two distinct UI modes that share the same
|
* App shell — switches between two distinct UI modes that share the same
|
||||||
* Wails window:
|
* Wails window:
|
||||||
*
|
*
|
||||||
* • "settings" : full settings UI (native title bar + sidebar + form).
|
* • "settings" : full settings UI (self-drawn title bar + sidebar + form).
|
||||||
|
* Self-drawn because the window is now Frameless to make
|
||||||
|
* the overlay paint edge-to-edge.
|
||||||
* • "overlay" : Snipaste-style region picker that fills the whole
|
* • "overlay" : Snipaste-style region picker that fills the whole
|
||||||
* primary display.
|
* primary display.
|
||||||
*
|
*
|
||||||
@@ -11,7 +13,7 @@
|
|||||||
* emits a `capture:overlay` event with the screenshot payload so the
|
* emits a `capture:overlay` event with the screenshot payload so the
|
||||||
* frontend knows when (and what) to render.
|
* frontend knows when (and what) to render.
|
||||||
*/
|
*/
|
||||||
import { computed, onMounted, onUnmounted, ref } from 'vue'
|
import { onMounted, onUnmounted, ref } from 'vue'
|
||||||
import SettingsView from './views/SettingsView.vue'
|
import SettingsView from './views/SettingsView.vue'
|
||||||
import Toast from './components/Toast.vue'
|
import Toast from './components/Toast.vue'
|
||||||
import CaptureOverlay from './views/CaptureOverlay.vue'
|
import CaptureOverlay from './views/CaptureOverlay.vue'
|
||||||
@@ -22,10 +24,7 @@ import {
|
|||||||
CopyRegionImage,
|
CopyRegionImage,
|
||||||
SaveRegionImage,
|
SaveRegionImage,
|
||||||
SaveRegionToRemote,
|
SaveRegionToRemote,
|
||||||
SummarizeRegion,
|
|
||||||
ExtractTextRegion,
|
|
||||||
CancelRegion,
|
CancelRegion,
|
||||||
GetConfig,
|
|
||||||
} from '../wailsjs/go/main/App'
|
} from '../wailsjs/go/main/App'
|
||||||
|
|
||||||
type HotkeyStatus =
|
type HotkeyStatus =
|
||||||
@@ -37,39 +36,18 @@ const hotkeyStatus = ref<HotkeyStatus>({ state: 'unknown' })
|
|||||||
type Mode = 'settings' | 'overlay'
|
type Mode = 'settings' | 'overlay'
|
||||||
const mode = ref<Mode>('settings')
|
const mode = ref<Mode>('settings')
|
||||||
|
|
||||||
type ThemeMode = 'auto' | 'light' | 'dark'
|
|
||||||
const themeMode = ref<ThemeMode>('auto')
|
|
||||||
const appThemeClass = computed(() => `theme-${themeMode.value}`)
|
|
||||||
|
|
||||||
function normalizeTheme(theme: unknown): ThemeMode {
|
|
||||||
return theme === 'light' || theme === 'dark' || theme === 'auto'
|
|
||||||
? theme
|
|
||||||
: 'auto'
|
|
||||||
}
|
|
||||||
|
|
||||||
async function loadThemePreference() {
|
|
||||||
try {
|
|
||||||
const cfg = await GetConfig()
|
|
||||||
themeMode.value = normalizeTheme((cfg as any)?.theme)
|
|
||||||
} catch {
|
|
||||||
themeMode.value = 'auto'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// `SettingsTab` is hoisted to the App shell so the sidebar (which lives
|
// `SettingsTab` is hoisted to the App shell so the sidebar (which lives
|
||||||
// here) and the inner SettingsView (which renders the matching card) can
|
// here) and the inner SettingsView (which renders the matching card) can
|
||||||
// share a single source of truth without an event bus.
|
// share a single source of truth without an event bus.
|
||||||
type SettingsTab = 'general' | 's3' | 'ssh' | 'llm' | 'ocr'
|
type SettingsTab = 'general' | 's3' | 'ssh'
|
||||||
const activeTab = ref<SettingsTab>('general')
|
const activeTab = ref<SettingsTab>('general')
|
||||||
|
|
||||||
// Sidebar entries are declarative so adding a destination type later is
|
// Sidebar entries are declarative so adding a destination type later is
|
||||||
// a one-line change. The label values match the user-facing tab names.
|
// a one-line change. The label values match the user-facing tab names.
|
||||||
const sidebarItems: Array<{ id: SettingsTab; label: string }> = [
|
const sidebarItems: Array<{ id: SettingsTab; label: string }> = [
|
||||||
{ id: 'general', label: '通用设置' },
|
{ id: 'general', label: 'General' },
|
||||||
{ id: 's3', label: '对象存储' },
|
{ id: 's3', label: 'S3' },
|
||||||
{ id: 'ssh', label: '远程主机' },
|
{ id: 'ssh', label: 'SSH' },
|
||||||
{ id: 'llm', label: '智能识图' },
|
|
||||||
{ id: 'ocr', label: '文字提取' },
|
|
||||||
]
|
]
|
||||||
|
|
||||||
interface OverlayPayload {
|
interface OverlayPayload {
|
||||||
@@ -79,38 +57,11 @@ interface OverlayPayload {
|
|||||||
}
|
}
|
||||||
const overlayPayload = ref<OverlayPayload | null>(null)
|
const overlayPayload = ref<OverlayPayload | null>(null)
|
||||||
|
|
||||||
interface OverlayAnnotation {
|
|
||||||
tool: string
|
|
||||||
color: string
|
|
||||||
points: Array<{ x: number; y: number }>
|
|
||||||
text?: string
|
|
||||||
strokeWidth?: number
|
|
||||||
fontSize?: number
|
|
||||||
}
|
|
||||||
|
|
||||||
interface OverlayResult {
|
|
||||||
rect: {
|
|
||||||
x: number
|
|
||||||
y: number
|
|
||||||
w: number
|
|
||||||
h: number
|
|
||||||
}
|
|
||||||
annotations: OverlayAnnotation[]
|
|
||||||
}
|
|
||||||
|
|
||||||
const capturing = ref(false)
|
const capturing = ref(false)
|
||||||
|
|
||||||
const toast = ref<{ kind: 'success' | 'error'; text: string } | null>(null)
|
const toast = ref<{ kind: 'success' | 'error'; text: string } | null>(null)
|
||||||
let toastTimer: number | undefined
|
let toastTimer: number | undefined
|
||||||
|
|
||||||
const operationStatus = ref<{
|
|
||||||
operation: string
|
|
||||||
phase: string
|
|
||||||
message: string
|
|
||||||
state: 'running' | 'success' | 'error'
|
|
||||||
} | null>(null)
|
|
||||||
let operationTimer: number | undefined
|
|
||||||
|
|
||||||
function showToast(kind: 'success' | 'error', text: string) {
|
function showToast(kind: 'success' | 'error', text: string) {
|
||||||
toast.value = { kind, text }
|
toast.value = { kind, text }
|
||||||
window.clearTimeout(toastTimer)
|
window.clearTimeout(toastTimer)
|
||||||
@@ -119,21 +70,6 @@ function showToast(kind: 'success' | 'error', text: string) {
|
|||||||
}, 3000)
|
}, 3000)
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateOperationStatus(payload: {
|
|
||||||
operation: string
|
|
||||||
phase: string
|
|
||||||
message: string
|
|
||||||
state: 'running' | 'success' | 'error'
|
|
||||||
}) {
|
|
||||||
operationStatus.value = payload
|
|
||||||
window.clearTimeout(operationTimer)
|
|
||||||
if (payload.state !== 'running') {
|
|
||||||
operationTimer = window.setTimeout(() => {
|
|
||||||
operationStatus.value = null
|
|
||||||
}, payload.state === 'success' ? 1600 : 3200)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function retryHotkey() {
|
async function retryHotkey() {
|
||||||
try {
|
try {
|
||||||
await RetryRegisterHotkey()
|
await RetryRegisterHotkey()
|
||||||
@@ -142,7 +78,19 @@ async function retryHotkey() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function onOverlayConfirm(rect: OverlayResult) {
|
async function onOverlayConfirm(rect: {
|
||||||
|
rect: {
|
||||||
|
x: number
|
||||||
|
y: number
|
||||||
|
w: number
|
||||||
|
h: number
|
||||||
|
}
|
||||||
|
annotations: Array<{
|
||||||
|
tool: string
|
||||||
|
color: string
|
||||||
|
points: Array<{ x: number; y: number }>
|
||||||
|
}>
|
||||||
|
}) {
|
||||||
// Optimistically swap back so the window does not visually lag the
|
// Optimistically swap back so the window does not visually lag the
|
||||||
// Go-side hide. If upload fails, the toast surfaces the reason.
|
// Go-side hide. If upload fails, the toast surfaces the reason.
|
||||||
mode.value = 'settings'
|
mode.value = 'settings'
|
||||||
@@ -154,7 +102,19 @@ async function onOverlayConfirm(rect: OverlayResult) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function onOverlayCopy(rect: OverlayResult) {
|
async function onOverlayCopy(rect: {
|
||||||
|
rect: {
|
||||||
|
x: number
|
||||||
|
y: number
|
||||||
|
w: number
|
||||||
|
h: number
|
||||||
|
}
|
||||||
|
annotations: Array<{
|
||||||
|
tool: string
|
||||||
|
color: string
|
||||||
|
points: Array<{ x: number; y: number }>
|
||||||
|
}>
|
||||||
|
}) {
|
||||||
mode.value = 'settings'
|
mode.value = 'settings'
|
||||||
overlayPayload.value = null
|
overlayPayload.value = null
|
||||||
try {
|
try {
|
||||||
@@ -164,7 +124,19 @@ async function onOverlayCopy(rect: OverlayResult) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function onOverlaySave(rect: OverlayResult) {
|
async function onOverlaySave(rect: {
|
||||||
|
rect: {
|
||||||
|
x: number
|
||||||
|
y: number
|
||||||
|
w: number
|
||||||
|
h: number
|
||||||
|
}
|
||||||
|
annotations: Array<{
|
||||||
|
tool: string
|
||||||
|
color: string
|
||||||
|
points: Array<{ x: number; y: number }>
|
||||||
|
}>
|
||||||
|
}) {
|
||||||
mode.value = 'settings'
|
mode.value = 'settings'
|
||||||
overlayPayload.value = null
|
overlayPayload.value = null
|
||||||
try {
|
try {
|
||||||
@@ -174,7 +146,19 @@ async function onOverlaySave(rect: OverlayResult) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function onOverlaySaveRemote(rect: OverlayResult) {
|
async function onOverlaySaveRemote(rect: {
|
||||||
|
rect: {
|
||||||
|
x: number
|
||||||
|
y: number
|
||||||
|
w: number
|
||||||
|
h: number
|
||||||
|
}
|
||||||
|
annotations: Array<{
|
||||||
|
tool: string
|
||||||
|
color: string
|
||||||
|
points: Array<{ x: number; y: number }>
|
||||||
|
}>
|
||||||
|
}) {
|
||||||
mode.value = 'settings'
|
mode.value = 'settings'
|
||||||
overlayPayload.value = null
|
overlayPayload.value = null
|
||||||
try {
|
try {
|
||||||
@@ -184,26 +168,6 @@ async function onOverlaySaveRemote(rect: OverlayResult) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function onOverlaySummarize(rect: OverlayResult) {
|
|
||||||
mode.value = 'settings'
|
|
||||||
overlayPayload.value = null
|
|
||||||
try {
|
|
||||||
await SummarizeRegion(rect as any)
|
|
||||||
} catch {
|
|
||||||
/* Surfaced via upload:failure */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function onOverlayOCR(rect: OverlayResult) {
|
|
||||||
mode.value = 'settings'
|
|
||||||
overlayPayload.value = null
|
|
||||||
try {
|
|
||||||
await ExtractTextRegion(rect as any)
|
|
||||||
} catch {
|
|
||||||
/* Surfaced via upload:failure */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function onOverlayCancel() {
|
async function onOverlayCancel() {
|
||||||
mode.value = 'settings'
|
mode.value = 'settings'
|
||||||
overlayPayload.value = null
|
overlayPayload.value = null
|
||||||
@@ -215,7 +179,6 @@ async function onOverlayCancel() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
void loadThemePreference()
|
|
||||||
EventsOn('capture:start', () => {
|
EventsOn('capture:start', () => {
|
||||||
capturing.value = true
|
capturing.value = true
|
||||||
})
|
})
|
||||||
@@ -231,14 +194,7 @@ onMounted(() => {
|
|||||||
capturing.value = false
|
capturing.value = false
|
||||||
})
|
})
|
||||||
EventsOn('upload:success', (url: string) => {
|
EventsOn('upload:success', (url: string) => {
|
||||||
showToast(
|
showToast('success', `Copied: ${url}`)
|
||||||
'success',
|
|
||||||
url === 'summary copied to clipboard'
|
|
||||||
? 'Summary copied to clipboard'
|
|
||||||
: url === 'ocr text copied to clipboard'
|
|
||||||
? 'OCR text copied to clipboard'
|
|
||||||
: `Copied: ${url}`
|
|
||||||
)
|
|
||||||
})
|
})
|
||||||
EventsOn('upload:failure', (reason: string) => {
|
EventsOn('upload:failure', (reason: string) => {
|
||||||
showToast('error', reason)
|
showToast('error', reason)
|
||||||
@@ -249,7 +205,6 @@ onMounted(() => {
|
|||||||
EventsOn('hotkey:error', (reason: string) => {
|
EventsOn('hotkey:error', (reason: string) => {
|
||||||
hotkeyStatus.value = { state: 'error', reason }
|
hotkeyStatus.value = { state: 'error', reason }
|
||||||
})
|
})
|
||||||
EventsOn('operation:status', updateOperationStatus)
|
|
||||||
})
|
})
|
||||||
|
|
||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
@@ -261,7 +216,6 @@ onUnmounted(() => {
|
|||||||
EventsOff('upload:failure')
|
EventsOff('upload:failure')
|
||||||
EventsOff('hotkey:ready')
|
EventsOff('hotkey:ready')
|
||||||
EventsOff('hotkey:error')
|
EventsOff('hotkey:error')
|
||||||
EventsOff('operation:status')
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -275,13 +229,11 @@ onUnmounted(() => {
|
|||||||
@copy="onOverlayCopy"
|
@copy="onOverlayCopy"
|
||||||
@save="onOverlaySave"
|
@save="onOverlaySave"
|
||||||
@save-remote="onOverlaySaveRemote"
|
@save-remote="onOverlaySaveRemote"
|
||||||
@summarize="onOverlaySummarize"
|
|
||||||
@ocr="onOverlayOCR"
|
|
||||||
@cancel="onOverlayCancel"
|
@cancel="onOverlayCancel"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- Settings mode: standard desktop window; macOS title bar is native. -->
|
<!-- Settings mode: standard desktop window; macOS title bar is native. -->
|
||||||
<div v-else class="app-root" :class="appThemeClass">
|
<div v-else class="app-root">
|
||||||
<div v-if="hotkeyStatus.state === 'error'" class="permission-banner">
|
<div v-if="hotkeyStatus.state === 'error'" class="permission-banner">
|
||||||
<div>
|
<div>
|
||||||
<strong>Global hotkey is not active.</strong>
|
<strong>Global hotkey is not active.</strong>
|
||||||
@@ -307,29 +259,11 @@ onUnmounted(() => {
|
|||||||
</div>
|
</div>
|
||||||
</aside>
|
</aside>
|
||||||
<section class="content">
|
<section class="content">
|
||||||
<SettingsView
|
<SettingsView :tab="activeTab" />
|
||||||
:tab="activeTab"
|
|
||||||
:theme="themeMode"
|
|
||||||
@theme-change="themeMode = normalizeTheme($event)"
|
|
||||||
/>
|
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<Toast v-if="toast" :kind="toast.kind" :text="toast.text" />
|
<Toast v-if="toast" :kind="toast.kind" :text="toast.text" />
|
||||||
<div
|
|
||||||
v-if="operationStatus"
|
|
||||||
class="operation-hud"
|
|
||||||
:class="operationStatus.state"
|
|
||||||
>
|
|
||||||
<span v-if="operationStatus.state === 'running'" class="spinner" />
|
|
||||||
<span v-else class="status-mark">
|
|
||||||
{{ operationStatus.state === 'success' ? 'OK' : '!' }}
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<strong>{{ operationStatus.phase }}</strong>
|
|
||||||
<p>{{ operationStatus.message }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -343,15 +277,6 @@ onUnmounted(() => {
|
|||||||
color: #111827;
|
color: #111827;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
.app-root.theme-light {
|
|
||||||
color-scheme: light;
|
|
||||||
}
|
|
||||||
.app-root.theme-dark {
|
|
||||||
color-scheme: dark;
|
|
||||||
}
|
|
||||||
.app-root.theme-auto {
|
|
||||||
color-scheme: light dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-pill {
|
.status-pill {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
@@ -446,124 +371,33 @@ onUnmounted(() => {
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.operation-hud {
|
|
||||||
position: fixed;
|
|
||||||
right: 18px;
|
|
||||||
bottom: 18px;
|
|
||||||
z-index: 20;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
min-width: 260px;
|
|
||||||
max-width: 360px;
|
|
||||||
padding: 12px 14px;
|
|
||||||
color: #f9fafb;
|
|
||||||
background: rgba(17, 24, 39, 0.94);
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: 0 12px 34px rgba(15, 23, 42, 0.28);
|
|
||||||
}
|
|
||||||
.operation-hud strong {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
.operation-hud p {
|
|
||||||
margin: 0;
|
|
||||||
color: #d1d5db;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.35;
|
|
||||||
}
|
|
||||||
.spinner {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border: 2px solid rgba(255, 255, 255, 0.25);
|
|
||||||
border-top-color: #60a5fa;
|
|
||||||
border-radius: 50%;
|
|
||||||
animation: spin 0.75s linear infinite;
|
|
||||||
flex: 0 0 auto;
|
|
||||||
}
|
|
||||||
.status-mark {
|
|
||||||
display: grid;
|
|
||||||
place-items: center;
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
border-radius: 50%;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 700;
|
|
||||||
flex: 0 0 auto;
|
|
||||||
}
|
|
||||||
.operation-hud.success .status-mark {
|
|
||||||
color: #052e16;
|
|
||||||
background: #86efac;
|
|
||||||
}
|
|
||||||
.operation-hud.error .status-mark {
|
|
||||||
color: #450a0a;
|
|
||||||
background: #fca5a5;
|
|
||||||
}
|
|
||||||
@keyframes spin {
|
|
||||||
to {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-root.theme-dark {
|
|
||||||
background: #1c1d22;
|
|
||||||
color: #e5e7eb;
|
|
||||||
}
|
|
||||||
.app-root.theme-dark .titlebar {
|
|
||||||
background: rgba(28, 29, 34, 0.7);
|
|
||||||
border-bottom-color: #2c2f36;
|
|
||||||
}
|
|
||||||
.app-root.theme-dark .titlebar-title {
|
|
||||||
color: #f3f4f6;
|
|
||||||
}
|
|
||||||
.app-root.theme-dark .sidebar {
|
|
||||||
background: rgba(0, 0, 0, 0.15);
|
|
||||||
border-right-color: #2c2f36;
|
|
||||||
}
|
|
||||||
.app-root.theme-dark .sidebar-item {
|
|
||||||
color: #d1d5db;
|
|
||||||
}
|
|
||||||
.app-root.theme-dark .sidebar-item:hover:not(.active) {
|
|
||||||
background: rgba(255, 255, 255, 0.05);
|
|
||||||
}
|
|
||||||
.app-root.theme-dark .sidebar-item.active {
|
|
||||||
background: rgba(59, 130, 246, 0.18);
|
|
||||||
color: #93c5fd;
|
|
||||||
}
|
|
||||||
.app-root.theme-dark .permission-banner {
|
|
||||||
background: rgba(120, 53, 15, 0.3);
|
|
||||||
border-color: rgba(253, 186, 116, 0.4);
|
|
||||||
color: #fed7aa;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
.app-root.theme-auto {
|
.app-root {
|
||||||
background: #1c1d22;
|
background: #1c1d22;
|
||||||
color: #e5e7eb;
|
color: #e5e7eb;
|
||||||
}
|
}
|
||||||
.app-root.theme-auto .titlebar {
|
.titlebar {
|
||||||
background: rgba(28, 29, 34, 0.7);
|
background: rgba(28, 29, 34, 0.7);
|
||||||
border-bottom-color: #2c2f36;
|
border-bottom-color: #2c2f36;
|
||||||
}
|
}
|
||||||
.app-root.theme-auto .titlebar-title {
|
.titlebar-title {
|
||||||
color: #f3f4f6;
|
color: #f3f4f6;
|
||||||
}
|
}
|
||||||
.app-root.theme-auto .sidebar {
|
.sidebar {
|
||||||
background: rgba(0, 0, 0, 0.15);
|
background: rgba(0, 0, 0, 0.15);
|
||||||
border-right-color: #2c2f36;
|
border-right-color: #2c2f36;
|
||||||
}
|
}
|
||||||
.app-root.theme-auto .sidebar-item {
|
.sidebar-item {
|
||||||
color: #d1d5db;
|
color: #d1d5db;
|
||||||
}
|
}
|
||||||
.app-root.theme-auto .sidebar-item:hover:not(.active) {
|
.sidebar-item:hover:not(.active) {
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
}
|
}
|
||||||
.app-root.theme-auto .sidebar-item.active {
|
.sidebar-item.active {
|
||||||
background: rgba(59, 130, 246, 0.18);
|
background: rgba(59, 130, 246, 0.18);
|
||||||
color: #93c5fd;
|
color: #93c5fd;
|
||||||
}
|
}
|
||||||
.app-root.theme-auto .permission-banner {
|
.permission-banner {
|
||||||
background: rgba(120, 53, 15, 0.3);
|
background: rgba(120, 53, 15, 0.3);
|
||||||
border-color: rgba(253, 186, 116, 0.4);
|
border-color: rgba(253, 186, 116, 0.4);
|
||||||
color: #fed7aa;
|
color: #fed7aa;
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue'
|
import { computed, onMounted, onUnmounted, ref } from 'vue'
|
||||||
// Inline SVG markup imported as raw strings via Vite's `?raw` suffix.
|
// Inline SVG markup imported as raw strings via Vite's `?raw` suffix.
|
||||||
// Rationale: rendering through v-html lets the icon inherit `currentColor`
|
// Rationale: rendering through v-html lets the icon inherit `currentColor`
|
||||||
// from the toolbar button, so styling stays in CSS without bundling extra
|
// from the toolbar button, so styling stays in CSS without bundling extra
|
||||||
@@ -23,7 +23,7 @@ interface Rect {
|
|||||||
h: number
|
h: number
|
||||||
}
|
}
|
||||||
|
|
||||||
type Tool = 'pen' | 'rect' | 'ellipse' | 'text'
|
type Tool = 'pen' | 'rect' | 'ellipse'
|
||||||
interface Point {
|
interface Point {
|
||||||
x: number
|
x: number
|
||||||
y: number
|
y: number
|
||||||
@@ -32,9 +32,6 @@ interface Annotation {
|
|||||||
tool: Tool
|
tool: Tool
|
||||||
color: string
|
color: string
|
||||||
points: Point[]
|
points: Point[]
|
||||||
text?: string
|
|
||||||
strokeWidth?: number
|
|
||||||
fontSize?: number
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const emit = defineEmits<{
|
const emit = defineEmits<{
|
||||||
@@ -54,14 +51,6 @@ const emit = defineEmits<{
|
|||||||
e: 'save-remote',
|
e: 'save-remote',
|
||||||
payload: { rect: Rect; annotations: Annotation[] }
|
payload: { rect: Rect; annotations: Annotation[] }
|
||||||
): void
|
): void
|
||||||
(
|
|
||||||
e: 'summarize',
|
|
||||||
payload: { rect: Rect; annotations: Annotation[] }
|
|
||||||
): void
|
|
||||||
(
|
|
||||||
e: 'ocr',
|
|
||||||
payload: { rect: Rect; annotations: Annotation[] }
|
|
||||||
): void
|
|
||||||
(e: 'cancel'): void
|
(e: 'cancel'): void
|
||||||
}>()
|
}>()
|
||||||
|
|
||||||
@@ -70,45 +59,26 @@ const annotations = ref<Annotation[]>([])
|
|||||||
const draftAnnotation = ref<Annotation | null>(null)
|
const draftAnnotation = ref<Annotation | null>(null)
|
||||||
const activeTool = ref<Tool>('pen')
|
const activeTool = ref<Tool>('pen')
|
||||||
const activeColor = ref('#ef4444')
|
const activeColor = ref('#ef4444')
|
||||||
const activeStrokeWidth = ref(3)
|
const paletteOpen = ref(false)
|
||||||
const activeFontSize = ref(20)
|
|
||||||
const textDraft = ref<{
|
|
||||||
point: Point
|
|
||||||
value: string
|
|
||||||
color: string
|
|
||||||
fontSize: number
|
|
||||||
index: number | null
|
|
||||||
} | null>(null)
|
|
||||||
const textInputRef = ref<HTMLInputElement | null>(null)
|
|
||||||
const selectedTextIndex = ref<number | null>(null)
|
|
||||||
|
|
||||||
type ResizeHandle = 'n' | 's' | 'e' | 'w' | 'nw' | 'ne' | 'sw' | 'se'
|
type ResizeHandle = 'n' | 's' | 'e' | 'w' | 'nw' | 'ne' | 'sw' | 'se'
|
||||||
type DragMode =
|
type DragMode = 'idle' | 'creating' | 'moving' | 'resizing' | 'annotating'
|
||||||
| 'idle'
|
|
||||||
| 'creating'
|
|
||||||
| 'moving'
|
|
||||||
| 'resizing'
|
|
||||||
| 'annotating'
|
|
||||||
| 'moving-text'
|
|
||||||
const dragMode = ref<DragMode>('idle')
|
const dragMode = ref<DragMode>('idle')
|
||||||
const resizeHandle = ref<ResizeHandle | null>(null)
|
const resizeHandle = ref<ResizeHandle | null>(null)
|
||||||
const dragAnchor = ref({ x: 0, y: 0 })
|
const dragAnchor = ref({ x: 0, y: 0 })
|
||||||
const startRect = ref<Rect | null>(null)
|
const startRect = ref<Rect | null>(null)
|
||||||
const textDragStartPoint = ref<Point | null>(null)
|
|
||||||
const textDragOriginalPoint = ref<Point | null>(null)
|
|
||||||
|
|
||||||
const DEFAULT_TEXT_FONT_SIZE = 20
|
|
||||||
const STROKE_WIDTHS = [2, 4, 6]
|
|
||||||
const FONT_SIZES = [16, 20, 28, 36]
|
|
||||||
|
|
||||||
const colors = [
|
const colors = [
|
||||||
'#ef4444',
|
'#ef4444',
|
||||||
|
'#f97316',
|
||||||
'#facc15',
|
'#facc15',
|
||||||
'#22c55e',
|
'#22c55e',
|
||||||
|
'#06b6d4',
|
||||||
'#3b82f6',
|
'#3b82f6',
|
||||||
'#111827',
|
'#8b5cf6',
|
||||||
'#9ca3af',
|
'#ec4899',
|
||||||
'#ffffff',
|
'#ffffff',
|
||||||
|
'#111827',
|
||||||
]
|
]
|
||||||
|
|
||||||
const maskPath = computed(() => {
|
const maskPath = computed(() => {
|
||||||
@@ -141,46 +111,14 @@ const sizeLabel = computed(() => {
|
|||||||
return `${Math.round(rect.value.w)} × ${Math.round(rect.value.h)}`
|
return `${Math.round(rect.value.w)} × ${Math.round(rect.value.h)}`
|
||||||
})
|
})
|
||||||
|
|
||||||
const MARK_TOOLBAR_W = 178
|
|
||||||
const ACTION_TOOLBAR_W = 252
|
|
||||||
const TOOLBAR_GROUP_GAP = 8
|
|
||||||
|
|
||||||
const toolOrder: Tool[] = ['pen', 'rect', 'ellipse', 'text']
|
|
||||||
|
|
||||||
const toolSettingsPos = computed(() => {
|
|
||||||
if (!leftToolbarPos.value || !rect.value || !activeTool.value) return null
|
|
||||||
const menuW = activeTool.value === 'text' ? 462 : 398
|
|
||||||
const menuH = 58
|
|
||||||
const buttonIndex = toolOrder.indexOf(activeTool.value)
|
|
||||||
const buttonCenter = 4 + buttonIndex * 34 + 14
|
|
||||||
let x = leftToolbarPos.value.x
|
|
||||||
let y = leftToolbarPos.value.y + 44
|
|
||||||
if (y + menuH > props.height) {
|
|
||||||
y = leftToolbarPos.value.y - menuH - 8
|
|
||||||
}
|
|
||||||
x = clamp(x, 8, Math.max(8, props.width - menuW - 8))
|
|
||||||
return {
|
|
||||||
x,
|
|
||||||
y,
|
|
||||||
w: menuW,
|
|
||||||
arrowX: clamp(leftToolbarPos.value.x + buttonCenter - x, 18, menuW - 18),
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const rightToolbarPos = computed(() => {
|
const rightToolbarPos = computed(() => {
|
||||||
if (!rect.value) return null
|
if (!rect.value) return null
|
||||||
return placeToolbar(rect.value, ACTION_TOOLBAR_W, 40, 'right')
|
return placeToolbar(rect.value, 180, 40, 'right')
|
||||||
})
|
})
|
||||||
|
|
||||||
const leftToolbarPos = computed(() => {
|
const leftToolbarPos = computed(() => {
|
||||||
if (!rect.value || !rightToolbarPos.value) return null
|
if (!rect.value) return null
|
||||||
// 标记组与操作组合并到右侧，紧贴在操作组左侧，中间保留间隔
|
return placeToolbar(rect.value, 190, 40, 'left')
|
||||||
const x = clamp(
|
|
||||||
rightToolbarPos.value.x - TOOLBAR_GROUP_GAP - MARK_TOOLBAR_W,
|
|
||||||
0,
|
|
||||||
props.width - MARK_TOOLBAR_W
|
|
||||||
)
|
|
||||||
return { x, y: rightToolbarPos.value.y }
|
|
||||||
})
|
})
|
||||||
|
|
||||||
const handles = computed(() => {
|
const handles = computed(() => {
|
||||||
@@ -252,89 +190,6 @@ function insideRect(p: Point, r: Rect | null) {
|
|||||||
return p.x >= r.x && p.x <= r.x + r.w && p.y >= r.y && p.y <= r.y + r.h
|
return p.x >= r.x && p.x <= r.x + r.w && p.y >= r.y && p.y <= r.y + r.h
|
||||||
}
|
}
|
||||||
|
|
||||||
let measureCanvas: HTMLCanvasElement | null = null
|
|
||||||
|
|
||||||
function textFont(fontSize = DEFAULT_TEXT_FONT_SIZE) {
|
|
||||||
return `600 ${fontSize}px -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif`
|
|
||||||
}
|
|
||||||
|
|
||||||
function textSize(annotation: Pick<Annotation, 'text' | 'fontSize'>) {
|
|
||||||
const fontSize = annotation.fontSize || DEFAULT_TEXT_FONT_SIZE
|
|
||||||
const lines = (annotation.text || ' ').split('\n')
|
|
||||||
if (typeof document === 'undefined') {
|
|
||||||
return {
|
|
||||||
w: Math.max(1, ...lines.map((line) => line.length * fontSize)),
|
|
||||||
h: Math.max(fontSize * 1.2, lines.length * fontSize * 1.2),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
measureCanvas ||= document.createElement('canvas')
|
|
||||||
const ctx = measureCanvas.getContext('2d')
|
|
||||||
if (!ctx) {
|
|
||||||
return {
|
|
||||||
w: Math.max(1, ...lines.map((line) => line.length * fontSize)),
|
|
||||||
h: Math.max(fontSize * 1.2, lines.length * fontSize * 1.2),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ctx.font = textFont(fontSize)
|
|
||||||
return {
|
|
||||||
w: Math.ceil(Math.max(1, ...lines.map((line) => ctx.measureText(line || ' ').width))),
|
|
||||||
h: Math.ceil(Math.max(fontSize * 1.2, lines.length * fontSize * 1.2)),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function textEditorSize(draft: { value: string; fontSize: number }) {
|
|
||||||
const size = textSize({
|
|
||||||
text: draft.value || ' ',
|
|
||||||
fontSize: draft.fontSize,
|
|
||||||
})
|
|
||||||
return {
|
|
||||||
width: Math.max(180, Math.min(420, size.w + 28)),
|
|
||||||
height: Math.max(30, Math.ceil(draft.fontSize * 1.6)),
|
|
||||||
lineHeight: Math.ceil(draft.fontSize * 1.25),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function textRenderBox(annotation: Annotation) {
|
|
||||||
const point = annotation.points[0] || { x: 0, y: 0 }
|
|
||||||
const size = textSize(annotation)
|
|
||||||
return {
|
|
||||||
x: point.x - 4,
|
|
||||||
y: point.y - 3,
|
|
||||||
w: size.w + 8,
|
|
||||||
h: size.h + 6,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function textAnnotationIndexAtPoint(p: Point) {
|
|
||||||
if (!rect.value) return null
|
|
||||||
for (let i = annotations.value.length - 1; i >= 0; i--) {
|
|
||||||
const annotation = annotations.value[i]
|
|
||||||
if (annotation.tool !== 'text' || annotation.points.length === 0) continue
|
|
||||||
const point = annotation.points[0]
|
|
||||||
const size = textSize(annotation)
|
|
||||||
const x = rect.value.x + point.x
|
|
||||||
const y = rect.value.y + point.y
|
|
||||||
if (
|
|
||||||
p.x >= x - 6 &&
|
|
||||||
p.x <= x + size.w + 6 &&
|
|
||||||
p.y >= y - 6 &&
|
|
||||||
p.y <= y + size.h + 6
|
|
||||||
) {
|
|
||||||
return i
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return null
|
|
||||||
}
|
|
||||||
|
|
||||||
function clampTextLocalPoint(point: Point, annotation: Pick<Annotation, 'text' | 'fontSize'>) {
|
|
||||||
if (!rect.value) return point
|
|
||||||
const size = textSize(annotation)
|
|
||||||
return {
|
|
||||||
x: clamp(point.x, 0, Math.max(0, rect.value.w - size.w)),
|
|
||||||
y: clamp(point.y, 0, Math.max(0, rect.value.h - size.h)),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function hitHandle(p: Point): ResizeHandle | null {
|
function hitHandle(p: Point): ResizeHandle | null {
|
||||||
if (!rect.value) return null
|
if (!rect.value) return null
|
||||||
const tolerance = 9
|
const tolerance = 9
|
||||||
@@ -358,9 +213,7 @@ function hitHandle(p: Point): ResizeHandle | null {
|
|||||||
|
|
||||||
function onMouseDown(e: MouseEvent) {
|
function onMouseDown(e: MouseEvent) {
|
||||||
if (e.button !== 0) return
|
if (e.button !== 0) return
|
||||||
commitTextDraft()
|
paletteOpen.value = false
|
||||||
textDragStartPoint.value = null
|
|
||||||
textDragOriginalPoint.value = null
|
|
||||||
const p = pointFromEvent(e)
|
const p = pointFromEvent(e)
|
||||||
const handle = hitHandle(p)
|
const handle = hitHandle(p)
|
||||||
if (handle && rect.value) {
|
if (handle && rect.value) {
|
||||||
@@ -379,41 +232,19 @@ function onMouseDown(e: MouseEvent) {
|
|||||||
dragAnchor.value = p
|
dragAnchor.value = p
|
||||||
rect.value = { x: p.x, y: p.y, w: 0, h: 0 }
|
rect.value = { x: p.x, y: p.y, w: 0, h: 0 }
|
||||||
annotations.value = []
|
annotations.value = []
|
||||||
selectedTextIndex.value = null
|
|
||||||
draftAnnotation.value = null
|
draftAnnotation.value = null
|
||||||
}
|
}
|
||||||
|
|
||||||
function onSelectionMouseDown(e: MouseEvent) {
|
function onSelectionMouseDown(e: MouseEvent) {
|
||||||
if (e.button !== 0 || !rect.value) return
|
if (e.button !== 0 || !rect.value) return
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
commitTextDraft()
|
paletteOpen.value = false
|
||||||
const p = pointFromEvent(e)
|
|
||||||
const hitTextIndex = textAnnotationIndexAtPoint(p)
|
|
||||||
if (hitTextIndex !== null) {
|
|
||||||
selectedTextIndex.value = hitTextIndex
|
|
||||||
const annotation = annotations.value[hitTextIndex]
|
|
||||||
activeTool.value = 'text'
|
|
||||||
activeColor.value = annotation.color
|
|
||||||
activeFontSize.value = annotation.fontSize || DEFAULT_TEXT_FONT_SIZE
|
|
||||||
if (e.detail >= 2) {
|
|
||||||
beginTextAnnotation(annotation.points[0], hitTextIndex)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
dragMode.value = 'moving-text'
|
|
||||||
textDragStartPoint.value = localPoint(p)
|
|
||||||
textDragOriginalPoint.value = { ...annotation.points[0] }
|
|
||||||
return
|
|
||||||
}
|
|
||||||
selectedTextIndex.value = null
|
|
||||||
if (activeTool.value === 'text') {
|
|
||||||
beginTextAnnotation(localPoint(p))
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (e.detail >= 2) {
|
if (e.detail >= 2) {
|
||||||
removeSinglePointAnnotation()
|
removeSinglePointAnnotation()
|
||||||
onCopy()
|
onCopy()
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
const p = pointFromEvent(e)
|
||||||
const handle = hitHandle(p)
|
const handle = hitHandle(p)
|
||||||
if (handle) {
|
if (handle) {
|
||||||
dragMode.value = 'resizing'
|
dragMode.value = 'resizing'
|
||||||
@@ -427,7 +258,6 @@ function onSelectionMouseDown(e: MouseEvent) {
|
|||||||
draftAnnotation.value = {
|
draftAnnotation.value = {
|
||||||
tool: activeTool.value,
|
tool: activeTool.value,
|
||||||
color: activeColor.value,
|
color: activeColor.value,
|
||||||
strokeWidth: activeStrokeWidth.value,
|
|
||||||
points: [local],
|
points: [local],
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -445,21 +275,6 @@ function onMouseMove(e: MouseEvent) {
|
|||||||
}
|
}
|
||||||
} else if (dragMode.value === 'resizing') {
|
} else if (dragMode.value === 'resizing') {
|
||||||
resizeSelection(p)
|
resizeSelection(p)
|
||||||
} else if (
|
|
||||||
dragMode.value === 'moving-text' &&
|
|
||||||
selectedTextIndex.value !== null &&
|
|
||||||
textDragStartPoint.value &&
|
|
||||||
textDragOriginalPoint.value
|
|
||||||
) {
|
|
||||||
const annotation = annotations.value[selectedTextIndex.value]
|
|
||||||
if (annotation?.tool === 'text') {
|
|
||||||
const local = localPoint(p)
|
|
||||||
const next = {
|
|
||||||
x: textDragOriginalPoint.value.x + local.x - textDragStartPoint.value.x,
|
|
||||||
y: textDragOriginalPoint.value.y + local.y - textDragStartPoint.value.y,
|
|
||||||
}
|
|
||||||
annotation.points[0] = clampTextLocalPoint(next, annotation)
|
|
||||||
}
|
|
||||||
} else if (dragMode.value === 'annotating' && draftAnnotation.value) {
|
} else if (dragMode.value === 'annotating' && draftAnnotation.value) {
|
||||||
if (activeTool.value === 'pen') {
|
if (activeTool.value === 'pen') {
|
||||||
draftAnnotation.value.points.push(localPoint(p))
|
draftAnnotation.value.points.push(localPoint(p))
|
||||||
@@ -487,8 +302,6 @@ function onMouseUp() {
|
|||||||
dragMode.value = 'idle'
|
dragMode.value = 'idle'
|
||||||
resizeHandle.value = null
|
resizeHandle.value = null
|
||||||
startRect.value = null
|
startRect.value = null
|
||||||
textDragStartPoint.value = null
|
|
||||||
textDragOriginalPoint.value = null
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function resizeSelection(p: Point) {
|
function resizeSelection(p: Point) {
|
||||||
@@ -521,38 +334,7 @@ function selectTool(tool: Tool) {
|
|||||||
|
|
||||||
function chooseColor(color: string) {
|
function chooseColor(color: string) {
|
||||||
activeColor.value = color
|
activeColor.value = color
|
||||||
if (textDraft.value) {
|
paletteOpen.value = false
|
||||||
textDraft.value.color = color
|
|
||||||
} else if (
|
|
||||||
activeTool.value === 'text' &&
|
|
||||||
selectedTextIndex.value !== null &&
|
|
||||||
annotations.value[selectedTextIndex.value]?.tool === 'text'
|
|
||||||
) {
|
|
||||||
annotations.value[selectedTextIndex.value].color = color
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function chooseStrokeWidth(width: number) {
|
|
||||||
activeStrokeWidth.value = width
|
|
||||||
}
|
|
||||||
|
|
||||||
function chooseFontSize(size: number) {
|
|
||||||
activeFontSize.value = size
|
|
||||||
if (textDraft.value) {
|
|
||||||
textDraft.value.fontSize = size
|
|
||||||
textDraft.value.point = clampTextLocalPoint(textDraft.value.point, {
|
|
||||||
text: textDraft.value.value,
|
|
||||||
fontSize: size,
|
|
||||||
})
|
|
||||||
} else if (
|
|
||||||
activeTool.value === 'text' &&
|
|
||||||
selectedTextIndex.value !== null &&
|
|
||||||
annotations.value[selectedTextIndex.value]?.tool === 'text'
|
|
||||||
) {
|
|
||||||
const annotation = annotations.value[selectedTextIndex.value]
|
|
||||||
annotation.fontSize = size
|
|
||||||
annotation.points[0] = clampTextLocalPoint(annotation.points[0], annotation)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function onConfirm() {
|
function onConfirm() {
|
||||||
@@ -571,17 +353,8 @@ function onSaveRemote() {
|
|||||||
emitAction('save-remote')
|
emitAction('save-remote')
|
||||||
}
|
}
|
||||||
|
|
||||||
function onSummarize() {
|
function emitAction(action: 'confirm' | 'copy' | 'save' | 'save-remote') {
|
||||||
emitAction('summarize')
|
|
||||||
}
|
|
||||||
|
|
||||||
function onOCR() {
|
|
||||||
emitAction('ocr')
|
|
||||||
}
|
|
||||||
|
|
||||||
function emitAction(action: 'confirm' | 'copy' | 'save' | 'save-remote' | 'summarize' | 'ocr') {
|
|
||||||
if (!rect.value) return
|
if (!rect.value) return
|
||||||
commitTextDraft()
|
|
||||||
const payload = {
|
const payload = {
|
||||||
rect: { ...rect.value },
|
rect: { ...rect.value },
|
||||||
annotations: annotations.value,
|
annotations: annotations.value,
|
||||||
@@ -590,8 +363,6 @@ function emitAction(action: 'confirm' | 'copy' | 'save' | 'save-remote' | 'summa
|
|||||||
if (action === 'copy') emit('copy', payload)
|
if (action === 'copy') emit('copy', payload)
|
||||||
if (action === 'save') emit('save', payload)
|
if (action === 'save') emit('save', payload)
|
||||||
if (action === 'save-remote') emit('save-remote', payload)
|
if (action === 'save-remote') emit('save-remote', payload)
|
||||||
if (action === 'summarize') emit('summarize', payload)
|
|
||||||
if (action === 'ocr') emit('ocr', payload)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function onCancel() {
|
function onCancel() {
|
||||||
@@ -599,13 +370,6 @@ function onCancel() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function onKeydown(e: KeyboardEvent) {
|
function onKeydown(e: KeyboardEvent) {
|
||||||
if (textDraft.value) {
|
|
||||||
if (e.key === 'Escape') {
|
|
||||||
e.preventDefault()
|
|
||||||
cancelTextDraft()
|
|
||||||
}
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (e.key === 'Escape') {
|
if (e.key === 'Escape') {
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
onCancel()
|
onCancel()
|
||||||
@@ -616,16 +380,7 @@ function onKeydown(e: KeyboardEvent) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function undoAnnotation() {
|
function undoAnnotation() {
|
||||||
if (!textDraft.value && annotations.value.length === 0) return
|
|
||||||
cancelTextDraft()
|
|
||||||
if (annotations.value.length === 0) return
|
|
||||||
annotations.value.pop()
|
annotations.value.pop()
|
||||||
if (
|
|
||||||
selectedTextIndex.value !== null &&
|
|
||||||
selectedTextIndex.value >= annotations.value.length
|
|
||||||
) {
|
|
||||||
selectedTextIndex.value = null
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function removeSinglePointAnnotation() {
|
function removeSinglePointAnnotation() {
|
||||||
@@ -635,76 +390,6 @@ function removeSinglePointAnnotation() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function beginTextAnnotation(point: Point, index: number | null = null) {
|
|
||||||
commitTextDraft()
|
|
||||||
dragMode.value = 'idle'
|
|
||||||
draftAnnotation.value = null
|
|
||||||
const existing = index !== null ? annotations.value[index] : null
|
|
||||||
const color = existing?.color || activeColor.value
|
|
||||||
const fontSize = existing?.fontSize || activeFontSize.value
|
|
||||||
if (existing) {
|
|
||||||
activeColor.value = color
|
|
||||||
activeFontSize.value = fontSize
|
|
||||||
}
|
|
||||||
textDraft.value = {
|
|
||||||
point: clampTextLocalPoint(point, existing || { text: '', fontSize }),
|
|
||||||
value: existing?.text || '',
|
|
||||||
color,
|
|
||||||
fontSize,
|
|
||||||
index,
|
|
||||||
}
|
|
||||||
void nextTick(() => {
|
|
||||||
textInputRef.value?.focus()
|
|
||||||
textInputRef.value?.select()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function commitTextDraft() {
|
|
||||||
if (!textDraft.value) return
|
|
||||||
const text = textDraft.value.value.trim()
|
|
||||||
const draft = textDraft.value
|
|
||||||
if (draft.index !== null) {
|
|
||||||
const target = annotations.value[draft.index]
|
|
||||||
if (target?.tool === 'text') {
|
|
||||||
if (text !== '') {
|
|
||||||
target.points = [clampTextLocalPoint(draft.point, { text, fontSize: draft.fontSize })]
|
|
||||||
target.text = text
|
|
||||||
target.color = draft.color
|
|
||||||
target.fontSize = draft.fontSize
|
|
||||||
selectedTextIndex.value = draft.index
|
|
||||||
} else {
|
|
||||||
annotations.value.splice(draft.index, 1)
|
|
||||||
selectedTextIndex.value = null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if (text !== '') {
|
|
||||||
const point = clampTextLocalPoint(draft.point, { text, fontSize: draft.fontSize })
|
|
||||||
annotations.value.push({
|
|
||||||
tool: 'text',
|
|
||||||
color: draft.color,
|
|
||||||
points: [point],
|
|
||||||
text,
|
|
||||||
fontSize: draft.fontSize,
|
|
||||||
})
|
|
||||||
selectedTextIndex.value = annotations.value.length - 1
|
|
||||||
}
|
|
||||||
textDraft.value = null
|
|
||||||
}
|
|
||||||
|
|
||||||
function cancelTextDraft() {
|
|
||||||
textDraft.value = null
|
|
||||||
}
|
|
||||||
|
|
||||||
function onTextDraftKeydown(e: KeyboardEvent) {
|
|
||||||
if (e.key === 'Enter') {
|
|
||||||
e.preventDefault()
|
|
||||||
commitTextDraft()
|
|
||||||
} else if (e.key === 'Escape') {
|
|
||||||
e.preventDefault()
|
|
||||||
cancelTextDraft()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
window.addEventListener('keydown', onKeydown)
|
window.addEventListener('keydown', onKeydown)
|
||||||
})
|
})
|
||||||
@@ -746,7 +431,7 @@ onUnmounted(() => {
|
|||||||
v-if="annotation.tool === 'pen'"
|
v-if="annotation.tool === 'pen'"
|
||||||
:points="annotation.points.map((p) => `${p.x},${p.y}`).join(' ')"
|
:points="annotation.points.map((p) => `${p.x},${p.y}`).join(' ')"
|
||||||
:stroke="annotation.color"
|
:stroke="annotation.color"
|
||||||
:stroke-width="annotation.strokeWidth || 3"
|
stroke-width="3"
|
||||||
stroke-linecap="round"
|
stroke-linecap="round"
|
||||||
stroke-linejoin="round"
|
stroke-linejoin="round"
|
||||||
fill="none"
|
fill="none"
|
||||||
@@ -758,7 +443,7 @@ onUnmounted(() => {
|
|||||||
:width="Math.abs(annotation.points[1].x - annotation.points[0].x)"
|
:width="Math.abs(annotation.points[1].x - annotation.points[0].x)"
|
||||||
:height="Math.abs(annotation.points[1].y - annotation.points[0].y)"
|
:height="Math.abs(annotation.points[1].y - annotation.points[0].y)"
|
||||||
:stroke="annotation.color"
|
:stroke="annotation.color"
|
||||||
:stroke-width="annotation.strokeWidth || 3"
|
stroke-width="3"
|
||||||
fill="none"
|
fill="none"
|
||||||
/>
|
/>
|
||||||
<ellipse
|
<ellipse
|
||||||
@@ -768,30 +453,9 @@ onUnmounted(() => {
|
|||||||
:rx="Math.abs(annotation.points[1].x - annotation.points[0].x) / 2"
|
:rx="Math.abs(annotation.points[1].x - annotation.points[0].x) / 2"
|
||||||
:ry="Math.abs(annotation.points[1].y - annotation.points[0].y) / 2"
|
:ry="Math.abs(annotation.points[1].y - annotation.points[0].y) / 2"
|
||||||
:stroke="annotation.color"
|
:stroke="annotation.color"
|
||||||
:stroke-width="annotation.strokeWidth || 3"
|
stroke-width="3"
|
||||||
fill="none"
|
fill="none"
|
||||||
/>
|
/>
|
||||||
<template v-else-if="annotation.tool === 'text' && annotation.points.length >= 1">
|
|
||||||
<rect
|
|
||||||
v-if="selectedTextIndex === index && index < annotations.length"
|
|
||||||
class="text-selection-box"
|
|
||||||
:x="textRenderBox(annotation).x"
|
|
||||||
:y="textRenderBox(annotation).y"
|
|
||||||
:width="textRenderBox(annotation).w"
|
|
||||||
:height="textRenderBox(annotation).h"
|
|
||||||
/>
|
|
||||||
<text
|
|
||||||
class="annotation-text"
|
|
||||||
:x="annotation.points[0].x"
|
|
||||||
:y="annotation.points[0].y"
|
|
||||||
:fill="annotation.color"
|
|
||||||
:font-size="annotation.fontSize || DEFAULT_TEXT_FONT_SIZE"
|
|
||||||
font-weight="600"
|
|
||||||
dominant-baseline="hanging"
|
|
||||||
>
|
|
||||||
{{ annotation.text }}
|
|
||||||
</text>
|
|
||||||
</template>
|
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
@@ -807,26 +471,6 @@ onUnmounted(() => {
|
|||||||
@mousedown="onSelectionMouseDown"
|
@mousedown="onSelectionMouseDown"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<input
|
|
||||||
v-if="rect && textDraft"
|
|
||||||
ref="textInputRef"
|
|
||||||
v-model="textDraft.value"
|
|
||||||
class="text-editor"
|
|
||||||
:style="{
|
|
||||||
left: rect.x + textDraft.point.x + 'px',
|
|
||||||
top: rect.y + textDraft.point.y + 'px',
|
|
||||||
color: textDraft.color,
|
|
||||||
fontSize: textDraft.fontSize + 'px',
|
|
||||||
width: textEditorSize(textDraft).width + 'px',
|
|
||||||
height: textEditorSize(textDraft).height + 'px',
|
|
||||||
lineHeight: textEditorSize(textDraft).lineHeight + 'px',
|
|
||||||
}"
|
|
||||||
spellcheck="false"
|
|
||||||
@mousedown.stop
|
|
||||||
@keydown.stop="onTextDraftKeydown"
|
|
||||||
@blur="commitTextDraft"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div
|
<div
|
||||||
v-for="handle in handles"
|
v-for="handle in handles"
|
||||||
:key="handle.name"
|
:key="handle.name"
|
||||||
@@ -891,69 +535,15 @@ onUnmounted(() => {
|
|||||||
<circle cx="12" cy="12" r="7" />
|
<circle cx="12" cy="12" r="7" />
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
|
<div class="color-wrap">
|
||||||
<button
|
<button
|
||||||
class="icon-btn"
|
class="icon-btn color-btn"
|
||||||
:class="{ active: activeTool === 'text' }"
|
title="选择标记颜色"
|
||||||
title="文字标记"
|
@click="paletteOpen = !paletteOpen"
|
||||||
@click="selectTool('text')"
|
|
||||||
>
|
>
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
<span :style="{ background: activeColor }" />
|
||||||
<path d="M5 5h14" />
|
|
||||||
<path d="M12 5v14" />
|
|
||||||
<path d="M9 19h6" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
</button>
|
||||||
<button
|
<div v-if="paletteOpen" class="palette">
|
||||||
class="icon-btn"
|
|
||||||
:class="{ muted: annotations.length === 0 }"
|
|
||||||
:aria-disabled="annotations.length === 0"
|
|
||||||
title="撤销上一处标记"
|
|
||||||
@click="undoAnnotation"
|
|
||||||
>
|
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
|
||||||
<path d="M9 7H4v5" />
|
|
||||||
<path d="M4 7c3-3 8-4 12-1 4 3 4 9 0 12-2 1-4 2-7 1" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
v-if="toolSettingsPos && rect && rect.w >= 4 && rect.h >= 4"
|
|
||||||
class="tool-settings-menu"
|
|
||||||
:style="{
|
|
||||||
left: toolSettingsPos.x + 'px',
|
|
||||||
top: toolSettingsPos.y + 'px',
|
|
||||||
width: toolSettingsPos.w + 'px',
|
|
||||||
'--arrow-x': toolSettingsPos.arrowX + 'px',
|
|
||||||
}"
|
|
||||||
@mousedown.stop
|
|
||||||
>
|
|
||||||
<div v-if="activeTool !== 'text'" class="setting-group stroke-group">
|
|
||||||
<button
|
|
||||||
v-for="widthValue in STROKE_WIDTHS"
|
|
||||||
:key="widthValue"
|
|
||||||
class="stroke-choice"
|
|
||||||
:class="{ active: activeStrokeWidth === widthValue }"
|
|
||||||
:title="`${widthValue}px`"
|
|
||||||
@click="chooseStrokeWidth(widthValue)"
|
|
||||||
>
|
|
||||||
<span :style="{ width: widthValue * 4 + 'px', height: widthValue * 4 + 'px' }" />
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div v-else class="setting-group font-group">
|
|
||||||
<button
|
|
||||||
v-for="size in FONT_SIZES"
|
|
||||||
:key="size"
|
|
||||||
class="font-choice"
|
|
||||||
:class="{ active: activeFontSize === size }"
|
|
||||||
:title="`${size}px`"
|
|
||||||
@click="chooseFontSize(size)"
|
|
||||||
>
|
|
||||||
{{ size }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="settings-divider" />
|
|
||||||
<div class="setting-group color-group">
|
|
||||||
<button
|
<button
|
||||||
v-for="color in colors"
|
v-for="color in colors"
|
||||||
:key="color"
|
:key="color"
|
||||||
@@ -965,6 +555,18 @@ onUnmounted(() => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<button
|
||||||
|
class="icon-btn"
|
||||||
|
:disabled="annotations.length === 0"
|
||||||
|
title="撤销上一处标记"
|
||||||
|
@click="undoAnnotation"
|
||||||
|
>
|
||||||
|
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||||||
|
<path d="M9 7H4v5" />
|
||||||
|
<path d="M4 7c3-3 8-4 12-1 4 3 4 9 0 12-2 1-4 2-7 1" />
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
v-if="rightToolbarPos && rect && rect.w >= 4 && rect.h >= 4"
|
v-if="rightToolbarPos && rect && rect.w >= 4 && rect.h >= 4"
|
||||||
@@ -981,8 +583,8 @@ onUnmounted(() => {
|
|||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
class="action-btn"
|
class="action-btn"
|
||||||
data-tip="复制图片"
|
data-tip="复制图标"
|
||||||
aria-label="复制图片"
|
aria-label="复制图标"
|
||||||
@click="onCopy"
|
@click="onCopy"
|
||||||
v-html="copyIcon"
|
v-html="copyIcon"
|
||||||
/>
|
/>
|
||||||
@@ -1000,34 +602,6 @@ onUnmounted(() => {
|
|||||||
@click="onSaveRemote"
|
@click="onSaveRemote"
|
||||||
v-html="saveRemoteIcon"
|
v-html="saveRemoteIcon"
|
||||||
/>
|
/>
|
||||||
<button
|
|
||||||
class="action-btn"
|
|
||||||
data-tip="提取文字"
|
|
||||||
aria-label="提取文字"
|
|
||||||
@click="onOCR"
|
|
||||||
>
|
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
|
||||||
<path d="M5 8V5h3" />
|
|
||||||
<path d="M16 5h3v3" />
|
|
||||||
<path d="M19 16v3h-3" />
|
|
||||||
<path d="M8 19H5v-3" />
|
|
||||||
<path d="M9 15l3-7 3 7" />
|
|
||||||
<path d="M10 13h4" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
class="action-btn"
|
|
||||||
data-tip="复制总结"
|
|
||||||
aria-label="复制总结"
|
|
||||||
@click="onSummarize"
|
|
||||||
>
|
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
|
||||||
<path d="M6 3h8l4 4v14H6z" />
|
|
||||||
<path d="M14 3v5h4" />
|
|
||||||
<path d="M9 12h6" />
|
|
||||||
<path d="M9 16h5" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button
|
<button
|
||||||
class="action-btn primary"
|
class="action-btn primary"
|
||||||
data-tip="上传云端"
|
data-tip="上传云端"
|
||||||
@@ -1060,37 +634,11 @@ onUnmounted(() => {
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotation-text {
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-selection-box {
|
|
||||||
fill: transparent;
|
|
||||||
stroke: #3b82f6;
|
|
||||||
stroke-width: 1.5;
|
|
||||||
stroke-dasharray: 4 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.selection-hit-area {
|
.selection-hit-area {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
cursor: crosshair;
|
cursor: crosshair;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-editor {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 6;
|
|
||||||
box-sizing: border-box;
|
|
||||||
min-width: 120px;
|
|
||||||
max-width: 420px;
|
|
||||||
padding: 0 10px;
|
|
||||||
border: 1px solid currentColor;
|
|
||||||
border-radius: 4px;
|
|
||||||
outline: none;
|
|
||||||
background: rgba(15, 23, 42, 0.72);
|
|
||||||
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
|
|
||||||
font: 600 20px/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.resize-handle {
|
.resize-handle {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 10px;
|
width: 10px;
|
||||||
@@ -1145,17 +693,15 @@ onUnmounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mark-toolbar {
|
.mark-toolbar {
|
||||||
width: 178px;
|
width: 190px;
|
||||||
}
|
}
|
||||||
.action-toolbar {
|
.action-toolbar {
|
||||||
width: 252px;
|
width: 180px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-btn,
|
.icon-btn,
|
||||||
.action-btn,
|
.action-btn,
|
||||||
.swatch,
|
.swatch {
|
||||||
.stroke-choice,
|
|
||||||
.font-choice {
|
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1206,16 +752,6 @@ onUnmounted(() => {
|
|||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
.action-btn > svg {
|
|
||||||
width: 18px;
|
|
||||||
height: 18px;
|
|
||||||
fill: none;
|
|
||||||
stroke: currentColor;
|
|
||||||
stroke-width: 2;
|
|
||||||
stroke-linecap: round;
|
|
||||||
stroke-linejoin: round;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.action-btn::after {
|
.action-btn::after {
|
||||||
content: attr(data-tip);
|
content: attr(data-tip);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -1248,14 +784,14 @@ onUnmounted(() => {
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.icon-btn:hover:not(.muted),
|
.icon-btn:hover:not(:disabled),
|
||||||
.icon-btn.active {
|
.icon-btn.active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
}
|
}
|
||||||
.icon-btn.muted {
|
.icon-btn:disabled {
|
||||||
opacity: 0.35;
|
opacity: 0.35;
|
||||||
cursor: default;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
.icon-btn svg {
|
.icon-btn svg {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
@@ -1267,88 +803,36 @@ onUnmounted(() => {
|
|||||||
stroke-linejoin: round;
|
stroke-linejoin: round;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-settings-menu {
|
.color-wrap {
|
||||||
position: absolute;
|
position: relative;
|
||||||
z-index: 5;
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
min-height: 42px;
|
|
||||||
padding: 8px 14px;
|
|
||||||
color: #1f2937;
|
|
||||||
background: rgba(255, 255, 255, 0.96);
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.26);
|
|
||||||
cursor: default;
|
|
||||||
}
|
}
|
||||||
.tool-settings-menu::before {
|
.color-btn span {
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: var(--arrow-x);
|
|
||||||
top: -8px;
|
|
||||||
transform: translateX(-50%) rotate(45deg);
|
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
background: rgba(255, 255, 255, 0.96);
|
border: 1px solid rgba(255, 255, 255, 0.7);
|
||||||
border-radius: 3px;
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
|
||||||
}
|
}
|
||||||
.setting-group {
|
.palette {
|
||||||
position: relative;
|
position: absolute;
|
||||||
z-index: 1;
|
left: 0;
|
||||||
display: flex;
|
bottom: 36px;
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
.stroke-choice,
|
|
||||||
.font-choice {
|
|
||||||
display: grid;
|
display: grid;
|
||||||
place-items: center;
|
grid-template-columns: repeat(5, 22px);
|
||||||
width: 32px;
|
gap: 6px;
|
||||||
height: 32px;
|
padding: 8px;
|
||||||
padding: 0;
|
background: rgba(28, 28, 32, 0.96);
|
||||||
border: 0;
|
border-radius: 8px;
|
||||||
border-radius: 6px;
|
box-shadow: 0 8px 26px rgba(0, 0, 0, 0.45);
|
||||||
color: #1f2937;
|
|
||||||
background: transparent;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.stroke-choice:hover,
|
|
||||||
.stroke-choice.active,
|
|
||||||
.font-choice:hover,
|
|
||||||
.font-choice.active {
|
|
||||||
color: #2563eb;
|
|
||||||
background: #eaf1ff;
|
|
||||||
}
|
|
||||||
.stroke-choice span {
|
|
||||||
display: block;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: currentColor;
|
|
||||||
}
|
|
||||||
.font-choice {
|
|
||||||
min-width: 40px;
|
|
||||||
width: auto;
|
|
||||||
padding: 0 8px;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
.settings-divider {
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
width: 1px;
|
|
||||||
height: 26px;
|
|
||||||
background: #d1d5db;
|
|
||||||
}
|
}
|
||||||
.swatch {
|
.swatch {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
padding: 0;
|
border: 1px solid rgba(255, 255, 255, 0.55);
|
||||||
border: 1px solid rgba(17, 24, 39, 0.18);
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.swatch.selected {
|
.swatch.selected {
|
||||||
outline: 2px solid #2563eb;
|
outline: 2px solid #fff;
|
||||||
outline-offset: 2px;
|
outline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -8,12 +8,10 @@
|
|||||||
* • "general" — the global hotkey / capture parameters.
|
* • "general" — the global hotkey / capture parameters.
|
||||||
* • "s3" — S3-compatible object-storage credentials.
|
* • "s3" — S3-compatible object-storage credentials.
|
||||||
* • "ssh" — SSH/SCP destination for the "save remote" button.
|
* • "ssh" — SSH/SCP destination for the "save remote" button.
|
||||||
* • "llm" — multimodal screenshot summary provider settings.
|
|
||||||
* • "ocr" — cloud OCR provider settings for text extraction.
|
|
||||||
*
|
*
|
||||||
* State flow: load() pulls config from Go on mount, save() pushes back.
|
* State flow: load() pulls config from Go on mount, save() pushes back.
|
||||||
*/
|
*/
|
||||||
import { computed, onMounted, ref, watch } from 'vue'
|
import { computed, onMounted, ref } from 'vue'
|
||||||
import {
|
import {
|
||||||
GetConfig,
|
GetConfig,
|
||||||
SaveConfig,
|
SaveConfig,
|
||||||
@@ -24,16 +22,10 @@ import {
|
|||||||
|
|
||||||
// Tab discriminator shared with the App shell. Kept as a string union so
|
// Tab discriminator shared with the App shell. Kept as a string union so
|
||||||
// the parent can pass the value without importing a type from this view.
|
// the parent can pass the value without importing a type from this view.
|
||||||
type TabId = 'general' | 's3' | 'ssh' | 'llm' | 'ocr'
|
type TabId = 'general' | 's3' | 'ssh'
|
||||||
type ThemeMode = 'auto' | 'light' | 'dark'
|
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
tab: TabId
|
tab: TabId
|
||||||
theme: ThemeMode
|
|
||||||
}>()
|
|
||||||
|
|
||||||
const emit = defineEmits<{
|
|
||||||
(event: 'theme-change', theme: ThemeMode): void
|
|
||||||
}>()
|
}>()
|
||||||
|
|
||||||
interface S3Config {
|
interface S3Config {
|
||||||
@@ -59,74 +51,12 @@ interface SSHConfig {
|
|||||||
connectTimeoutSecs: number
|
connectTimeoutSecs: number
|
||||||
}
|
}
|
||||||
|
|
||||||
interface LLMProviderConfig {
|
|
||||||
label: string
|
|
||||||
baseUrl: string
|
|
||||||
apiKey: string
|
|
||||||
model: string
|
|
||||||
maxTokens: number
|
|
||||||
temperature: number
|
|
||||||
timeoutSecs: number
|
|
||||||
}
|
|
||||||
|
|
||||||
interface LLMConfig {
|
|
||||||
activeProvider: string
|
|
||||||
prompt: string
|
|
||||||
providers: Record<string, LLMProviderConfig>
|
|
||||||
}
|
|
||||||
|
|
||||||
interface OCRProviderConfig {
|
|
||||||
label: string
|
|
||||||
endpoint: string
|
|
||||||
accessKeyId: string
|
|
||||||
accessKeySecret: string
|
|
||||||
region: string
|
|
||||||
service: string
|
|
||||||
action: string
|
|
||||||
version: string
|
|
||||||
timeoutSecs: number
|
|
||||||
}
|
|
||||||
|
|
||||||
interface OCRConfig {
|
|
||||||
activeProvider: string
|
|
||||||
providers: Record<string, OCRProviderConfig>
|
|
||||||
}
|
|
||||||
|
|
||||||
interface AppConfig {
|
interface AppConfig {
|
||||||
hotkey: string
|
hotkey: string
|
||||||
theme: ThemeMode
|
|
||||||
s3: S3Config
|
s3: S3Config
|
||||||
ssh: SSHConfig
|
ssh: SSHConfig
|
||||||
llm: LLMConfig
|
|
||||||
ocr: OCRConfig
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const llmProviderOptions = [
|
|
||||||
{ id: 'qwen', label: '阿里千问多模态' },
|
|
||||||
{ id: 'doubao', label: '火山方舟豆包多模态' },
|
|
||||||
{ id: 'openai', label: 'ChatGPT / OpenAI-compatible' },
|
|
||||||
]
|
|
||||||
|
|
||||||
const ocrProviderOptions = [
|
|
||||||
{ id: 'aliyun', label: '阿里云文字识别' },
|
|
||||||
{ id: 'volcengine', label: '火山引擎文字识别' },
|
|
||||||
]
|
|
||||||
|
|
||||||
const themeOptions: Array<{ id: ThemeMode; label: string }> = [
|
|
||||||
{ id: 'light', label: '浅色' },
|
|
||||||
{ id: 'dark', label: '深色' },
|
|
||||||
{ id: 'auto', label: '自动' },
|
|
||||||
]
|
|
||||||
|
|
||||||
const DEFAULT_SUMMARY_PROMPT = `你是一个截图内容总结助手。请阅读截图，并用中文输出一段适合直接粘贴到聊天、工单、Issue 或 PR 中的说明。
|
|
||||||
|
|
||||||
要求：
|
|
||||||
- 先说明截图中最重要的信息和用户可能想表达的意图。
|
|
||||||
- 如果截图包含报错、异常状态、表格、代码、界面控件或关键数字，请准确提取。
|
|
||||||
- 如果截图内容不足以判断，不要编造；直接说明不确定点。
|
|
||||||
- 输出尽量简洁，默认 3 到 6 条要点。
|
|
||||||
- 不要输出 Markdown 标题，不要寒暄。`
|
|
||||||
|
|
||||||
// `defaultConfig` keeps the initial render in sync with the Go-side
|
// `defaultConfig` keeps the initial render in sync with the Go-side
|
||||||
// DefaultAppConfig so the UI never flashes empty fields before load()
|
// DefaultAppConfig so the UI never flashes empty fields before load()
|
||||||
// completes. Centralising the defaults also avoids subtle drift between
|
// completes. Centralising the defaults also avoids subtle drift between
|
||||||
@@ -134,7 +64,6 @@ const DEFAULT_SUMMARY_PROMPT = `你是一个截图内容总结助手。请阅读
|
|||||||
function defaultConfig(): AppConfig {
|
function defaultConfig(): AppConfig {
|
||||||
return {
|
return {
|
||||||
hotkey: 'cmd+shift+a',
|
hotkey: 'cmd+shift+a',
|
||||||
theme: 'auto',
|
|
||||||
s3: {
|
s3: {
|
||||||
endpoint: '',
|
endpoint: '',
|
||||||
region: 'us-east-1',
|
region: 'us-east-1',
|
||||||
@@ -156,66 +85,6 @@ function defaultConfig(): AppConfig {
|
|||||||
knownHostsPath: '',
|
knownHostsPath: '',
|
||||||
connectTimeoutSecs: 10,
|
connectTimeoutSecs: 10,
|
||||||
},
|
},
|
||||||
llm: {
|
|
||||||
activeProvider: 'openai',
|
|
||||||
prompt: DEFAULT_SUMMARY_PROMPT,
|
|
||||||
providers: {
|
|
||||||
qwen: {
|
|
||||||
label: '阿里千问多模态',
|
|
||||||
baseUrl: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
|
|
||||||
apiKey: '',
|
|
||||||
model: 'qwen-vl-plus',
|
|
||||||
maxTokens: 600,
|
|
||||||
temperature: 0.2,
|
|
||||||
timeoutSecs: 60,
|
|
||||||
},
|
|
||||||
doubao: {
|
|
||||||
label: '火山方舟豆包多模态',
|
|
||||||
baseUrl: 'https://ark.cn-beijing.volces.com/api/v3',
|
|
||||||
apiKey: '',
|
|
||||||
model: '',
|
|
||||||
maxTokens: 600,
|
|
||||||
temperature: 0.2,
|
|
||||||
timeoutSecs: 60,
|
|
||||||
},
|
|
||||||
openai: {
|
|
||||||
label: 'ChatGPT / OpenAI-compatible',
|
|
||||||
baseUrl: 'https://api.openai.com/v1',
|
|
||||||
apiKey: '',
|
|
||||||
model: 'gpt-5.5',
|
|
||||||
maxTokens: 600,
|
|
||||||
temperature: 0.2,
|
|
||||||
timeoutSecs: 60,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
ocr: {
|
|
||||||
activeProvider: 'aliyun',
|
|
||||||
providers: {
|
|
||||||
aliyun: {
|
|
||||||
label: '阿里云文字识别',
|
|
||||||
endpoint: 'https://ocr-api.cn-hangzhou.aliyuncs.com',
|
|
||||||
accessKeyId: '',
|
|
||||||
accessKeySecret: '',
|
|
||||||
region: '',
|
|
||||||
service: '',
|
|
||||||
action: 'RecognizeGeneral',
|
|
||||||
version: '2021-07-07',
|
|
||||||
timeoutSecs: 30,
|
|
||||||
},
|
|
||||||
volcengine: {
|
|
||||||
label: '火山引擎文字识别',
|
|
||||||
endpoint: 'https://visual.volcengineapi.com',
|
|
||||||
accessKeyId: '',
|
|
||||||
accessKeySecret: '',
|
|
||||||
region: 'cn-north-1',
|
|
||||||
service: 'cv',
|
|
||||||
action: 'OCRNormal',
|
|
||||||
version: '2020-08-26',
|
|
||||||
timeoutSecs: 30,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -240,30 +109,6 @@ const sshPathDisplay = computed({
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
const activeLLMProvider = computed(() => {
|
|
||||||
const id = config.value.llm.activeProvider || 'openai'
|
|
||||||
if (!config.value.llm.providers[id]) {
|
|
||||||
config.value.llm.activeProvider = 'openai'
|
|
||||||
return config.value.llm.providers.openai
|
|
||||||
}
|
|
||||||
return config.value.llm.providers[id]
|
|
||||||
})
|
|
||||||
|
|
||||||
const activeOCRProvider = computed(() => {
|
|
||||||
const id = config.value.ocr.activeProvider || 'aliyun'
|
|
||||||
if (!config.value.ocr.providers[id]) {
|
|
||||||
config.value.ocr.activeProvider = 'aliyun'
|
|
||||||
return config.value.ocr.providers.aliyun
|
|
||||||
}
|
|
||||||
return config.value.ocr.providers[id]
|
|
||||||
})
|
|
||||||
|
|
||||||
function normalizeTheme(theme: unknown): ThemeMode {
|
|
||||||
return theme === 'light' || theme === 'dark' || theme === 'auto'
|
|
||||||
? theme
|
|
||||||
: 'auto'
|
|
||||||
}
|
|
||||||
|
|
||||||
function flash(kind: 'ok' | 'err', text: string) {
|
function flash(kind: 'ok' | 'err', text: string) {
|
||||||
message.value = { kind, text }
|
message.value = { kind, text }
|
||||||
window.setTimeout(() => {
|
window.setTimeout(() => {
|
||||||
@@ -280,19 +125,7 @@ async function load() {
|
|||||||
Object.assign(merged, cfg)
|
Object.assign(merged, cfg)
|
||||||
merged.s3 = { ...merged.s3, ...(cfg as any).s3 }
|
merged.s3 = { ...merged.s3, ...(cfg as any).s3 }
|
||||||
merged.ssh = { ...merged.ssh, ...(cfg as any).ssh }
|
merged.ssh = { ...merged.ssh, ...(cfg as any).ssh }
|
||||||
merged.llm = { ...merged.llm, ...(cfg as any).llm }
|
|
||||||
merged.llm.providers = {
|
|
||||||
...defaultConfig().llm.providers,
|
|
||||||
...((cfg as any).llm?.providers ?? {}),
|
|
||||||
}
|
|
||||||
merged.ocr = { ...merged.ocr, ...(cfg as any).ocr }
|
|
||||||
merged.ocr.providers = {
|
|
||||||
...defaultConfig().ocr.providers,
|
|
||||||
...((cfg as any).ocr?.providers ?? {}),
|
|
||||||
}
|
|
||||||
merged.theme = normalizeTheme((cfg as any).theme)
|
|
||||||
config.value = merged
|
config.value = merged
|
||||||
emit('theme-change', config.value.theme)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -336,16 +169,11 @@ async function manualCapture() {
|
|||||||
await CaptureNow()
|
await CaptureNow()
|
||||||
}
|
}
|
||||||
|
|
||||||
watch(
|
|
||||||
() => config.value.theme,
|
|
||||||
(theme) => emit('theme-change', normalizeTheme(theme))
|
|
||||||
)
|
|
||||||
|
|
||||||
onMounted(load)
|
onMounted(load)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="settings" :class="`theme-${props.theme}`">
|
<div class="settings">
|
||||||
<header class="hero">
|
<header class="hero">
|
||||||
<div>
|
<div>
|
||||||
<h1>SnapGo</h1>
|
<h1>SnapGo</h1>
|
||||||
@@ -357,10 +185,9 @@ onMounted(load)
|
|||||||
<button class="btn primary" @click="manualCapture">Capture now</button>
|
<button class="btn primary" @click="manualCapture">Capture now</button>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- General tab — shortcut and appearance configuration. -->
|
<!-- General tab — only the shortcut configuration lives here. -->
|
||||||
<section v-if="props.tab === 'general'" class="card">
|
<section v-if="props.tab === 'general'" class="card">
|
||||||
<h2>General</h2>
|
<h2>Shortcut</h2>
|
||||||
<div class="grid">
|
|
||||||
<label class="field">
|
<label class="field">
|
||||||
<span>Global hotkey</span>
|
<span>Global hotkey</span>
|
||||||
<input
|
<input
|
||||||
@@ -369,19 +196,6 @@ onMounted(load)
|
|||||||
spellcheck="false"
|
spellcheck="false"
|
||||||
/>
|
/>
|
||||||
</label>
|
</label>
|
||||||
<label class="field">
|
|
||||||
<span>主题选择</span>
|
|
||||||
<select v-model="config.theme">
|
|
||||||
<option
|
|
||||||
v-for="themeOption in themeOptions"
|
|
||||||
:key="themeOption.id"
|
|
||||||
:value="themeOption.id"
|
|
||||||
>
|
|
||||||
{{ themeOption.label }}
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<p class="hint">
|
<p class="hint">
|
||||||
Tokens (case-insensitive, "+"-separated): cmd / ctrl / option / shift +
|
Tokens (case-insensitive, "+"-separated): cmd / ctrl / option / shift +
|
||||||
a–z or 0–9. Example: <code>cmd+shift+a</code>.
|
a–z or 0–9. Example: <code>cmd+shift+a</code>.
|
||||||
@@ -475,6 +289,7 @@ onMounted(load)
|
|||||||
<option value="password">Password</option>
|
<option value="password">Password</option>
|
||||||
<option value="key">SSH-Key</option>
|
<option value="key">SSH-Key</option>
|
||||||
<option value="kerberos">Kerberos</option>
|
<option value="kerberos">Kerberos</option>
|
||||||
|
<option value="bgo">bgo</option>
|
||||||
</select>
|
</select>
|
||||||
</label>
|
</label>
|
||||||
<label class="field">
|
<label class="field">
|
||||||
@@ -536,6 +351,18 @@ onMounted(load)
|
|||||||
keys. Make sure password-less login already works (e.g. via
|
keys. Make sure password-less login already works (e.g. via
|
||||||
<code>ssh-copy-id</code>).
|
<code>ssh-copy-id</code>).
|
||||||
</p>
|
</p>
|
||||||
|
<p v-else-if="config.ssh.authMethod === 'bgo'" class="hint">
|
||||||
|
bgo mode delegates uploads to the internal <code>bgo scp</code> client,
|
||||||
|
which handles authentication itself. Install bgo and add it to your
|
||||||
|
<code>PATH</code> first — see the
|
||||||
|
<a
|
||||||
|
href="https://bytedance.larkoffice.com/wiki/HpUCw7qRDiW66YkzKdwcXYrTnLf"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener"
|
||||||
|
>setup guide</a>.
|
||||||
|
Note: bgo cannot create remote directories, so screenshots are saved
|
||||||
|
flat into the remote home directory (the Remote path setting is ignored).
|
||||||
|
</p>
|
||||||
<p
|
<p
|
||||||
v-else-if="config.ssh.authMethod === 'password' && !config.ssh.password"
|
v-else-if="config.ssh.authMethod === 'password' && !config.ssh.password"
|
||||||
class="hint warn"
|
class="hint warn"
|
||||||
@@ -554,200 +381,6 @@ onMounted(load)
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- LLM tab — multimodal screenshot summary provider settings. -->
|
|
||||||
<section v-if="props.tab === 'llm'" class="card">
|
|
||||||
<h2>LLM screenshot summary</h2>
|
|
||||||
<div class="grid">
|
|
||||||
<label class="field full">
|
|
||||||
<span>Provider</span>
|
|
||||||
<select v-model="config.llm.activeProvider">
|
|
||||||
<option
|
|
||||||
v-for="provider in llmProviderOptions"
|
|
||||||
:key="provider.id"
|
|
||||||
:value="provider.id"
|
|
||||||
>
|
|
||||||
{{ provider.label }}
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
<label class="field full">
|
|
||||||
<span>Base URL *</span>
|
|
||||||
<input
|
|
||||||
v-model="activeLLMProvider.baseUrl"
|
|
||||||
placeholder="https://api.openai.com/v1"
|
|
||||||
spellcheck="false"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<label class="field">
|
|
||||||
<span>API Key *</span>
|
|
||||||
<input v-model="activeLLMProvider.apiKey" type="password" />
|
|
||||||
</label>
|
|
||||||
<label class="field">
|
|
||||||
<span>Model *</span>
|
|
||||||
<input
|
|
||||||
v-model="activeLLMProvider.model"
|
|
||||||
placeholder="gpt-5.5 / qwen-vl-plus / Ark endpoint ID"
|
|
||||||
spellcheck="false"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<label class="field">
|
|
||||||
<span>Max tokens</span>
|
|
||||||
<input
|
|
||||||
v-model.number="activeLLMProvider.maxTokens"
|
|
||||||
type="number"
|
|
||||||
min="64"
|
|
||||||
max="4096"
|
|
||||||
placeholder="600"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<label class="field">
|
|
||||||
<span>Temperature</span>
|
|
||||||
<input
|
|
||||||
v-model.number="activeLLMProvider.temperature"
|
|
||||||
type="number"
|
|
||||||
min="0"
|
|
||||||
max="2"
|
|
||||||
step="0.1"
|
|
||||||
placeholder="0.2"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<label class="field">
|
|
||||||
<span>Timeout (sec)</span>
|
|
||||||
<input
|
|
||||||
v-model.number="activeLLMProvider.timeoutSecs"
|
|
||||||
type="number"
|
|
||||||
min="10"
|
|
||||||
max="300"
|
|
||||||
placeholder="60"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<label class="field full">
|
|
||||||
<span>Prompt</span>
|
|
||||||
<textarea
|
|
||||||
v-model="config.llm.prompt"
|
|
||||||
class="prompt-textarea"
|
|
||||||
spellcheck="false"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<p class="hint">
|
|
||||||
The "copy summary" screenshot action first uploads the image through the
|
|
||||||
S3 configuration, then sends the public image URL to this multimodal
|
|
||||||
provider. Keep S3 configured before using it.
|
|
||||||
</p>
|
|
||||||
<p v-if="config.llm.activeProvider === 'doubao'" class="hint">
|
|
||||||
Volcengine Ark usually uses the inference endpoint ID as the model
|
|
||||||
value; paste the endpoint/model identifier from your Ark console.
|
|
||||||
</p>
|
|
||||||
<p v-else-if="config.llm.activeProvider === 'qwen'" class="hint">
|
|
||||||
DashScope OpenAI-compatible mode is used here. If your workspace uses a
|
|
||||||
regional endpoint, replace Base URL with that compatible-mode URL.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="actions">
|
|
||||||
<button class="btn primary" :disabled="saving" @click="save">
|
|
||||||
{{ saving ? 'Saving…' : 'Save' }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- OCR tab — cloud OCR provider settings for screenshot text extraction. -->
|
|
||||||
<section v-if="props.tab === 'ocr'" class="card">
|
|
||||||
<h2>文字提取</h2>
|
|
||||||
<div class="grid">
|
|
||||||
<label class="field full">
|
|
||||||
<span>Provider</span>
|
|
||||||
<select v-model="config.ocr.activeProvider">
|
|
||||||
<option
|
|
||||||
v-for="provider in ocrProviderOptions"
|
|
||||||
:key="provider.id"
|
|
||||||
:value="provider.id"
|
|
||||||
>
|
|
||||||
{{ provider.label }}
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
<label class="field full">
|
|
||||||
<span>Endpoint *</span>
|
|
||||||
<input
|
|
||||||
v-model="activeOCRProvider.endpoint"
|
|
||||||
placeholder="https://ocr-api.cn-hangzhou.aliyuncs.com"
|
|
||||||
spellcheck="false"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<label class="field">
|
|
||||||
<span>AccessKey ID *</span>
|
|
||||||
<input v-model="activeOCRProvider.accessKeyId" spellcheck="false" />
|
|
||||||
</label>
|
|
||||||
<label class="field">
|
|
||||||
<span>AccessKey Secret *</span>
|
|
||||||
<input v-model="activeOCRProvider.accessKeySecret" type="password" />
|
|
||||||
</label>
|
|
||||||
<label
|
|
||||||
v-if="config.ocr.activeProvider === 'volcengine'"
|
|
||||||
class="field"
|
|
||||||
>
|
|
||||||
<span>Region *</span>
|
|
||||||
<input
|
|
||||||
v-model="activeOCRProvider.region"
|
|
||||||
placeholder="cn-north-1"
|
|
||||||
spellcheck="false"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<label
|
|
||||||
v-if="config.ocr.activeProvider === 'volcengine'"
|
|
||||||
class="field"
|
|
||||||
>
|
|
||||||
<span>Service *</span>
|
|
||||||
<input
|
|
||||||
v-model="activeOCRProvider.service"
|
|
||||||
placeholder="cv"
|
|
||||||
spellcheck="false"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<label class="field">
|
|
||||||
<span>Action *</span>
|
|
||||||
<input
|
|
||||||
v-model="activeOCRProvider.action"
|
|
||||||
placeholder="RecognizeGeneral / OCRNormal"
|
|
||||||
spellcheck="false"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<label class="field">
|
|
||||||
<span>Version *</span>
|
|
||||||
<input
|
|
||||||
v-model="activeOCRProvider.version"
|
|
||||||
placeholder="2021-07-07 / 2020-08-26"
|
|
||||||
spellcheck="false"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
<label class="field">
|
|
||||||
<span>Timeout (sec)</span>
|
|
||||||
<input
|
|
||||||
v-model.number="activeOCRProvider.timeoutSecs"
|
|
||||||
type="number"
|
|
||||||
min="5"
|
|
||||||
max="120"
|
|
||||||
placeholder="30"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<p v-if="config.ocr.activeProvider === 'aliyun'" class="hint">
|
|
||||||
阿里云默认使用 OCR API 的 <code>RecognizeGeneral</code>，请求体为截图
|
|
||||||
PNG 原始数据，并使用 ACS3-HMAC-SHA256 签名。
|
|
||||||
</p>
|
|
||||||
<p v-else class="hint">
|
|
||||||
火山引擎默认使用视觉智能的 <code>OCRNormal</code>，截图以
|
|
||||||
<code>image_base64</code> 发送，并使用 Region/Service 参与签名。
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="actions">
|
|
||||||
<button class="btn primary" :disabled="saving" @click="save">
|
|
||||||
{{ saving ? 'Saving…' : 'Save' }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<transition name="fade">
|
<transition name="fade">
|
||||||
<div
|
<div
|
||||||
v-if="message"
|
v-if="message"
|
||||||
@@ -767,15 +400,6 @@ onMounted(load)
|
|||||||
padding: 28px 32px 60px;
|
padding: 28px 32px 60px;
|
||||||
color: #1f2937;
|
color: #1f2937;
|
||||||
}
|
}
|
||||||
.settings.theme-light {
|
|
||||||
color-scheme: light;
|
|
||||||
}
|
|
||||||
.settings.theme-dark {
|
|
||||||
color-scheme: dark;
|
|
||||||
}
|
|
||||||
.settings.theme-auto {
|
|
||||||
color-scheme: light dark;
|
|
||||||
}
|
|
||||||
.hero {
|
.hero {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -849,13 +473,13 @@ kbd {
|
|||||||
.field input[type='text'],
|
.field input[type='text'],
|
||||||
.field input[type='number'],
|
.field input[type='number'],
|
||||||
.field input:not([type='checkbox']),
|
.field input:not([type='checkbox']),
|
||||||
.field select,
|
.field select {
|
||||||
.field textarea {
|
|
||||||
border: 1px solid #d1d5db;
|
border: 1px solid #d1d5db;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
padding: 7px 10px;
|
padding: 7px 10px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
|
height: 36px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
outline: none;
|
outline: none;
|
||||||
@@ -863,20 +487,8 @@ kbd {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.field input[type='text'],
|
|
||||||
.field input[type='number'],
|
|
||||||
.field input:not([type='checkbox']),
|
|
||||||
.field select {
|
|
||||||
height: 36px;
|
|
||||||
}
|
|
||||||
.field textarea {
|
|
||||||
min-height: 168px;
|
|
||||||
resize: vertical;
|
|
||||||
font-family: inherit;
|
|
||||||
}
|
|
||||||
.field input:focus,
|
.field input:focus,
|
||||||
.field select:focus,
|
.field select:focus {
|
||||||
.field textarea:focus {
|
|
||||||
border-color: #3b82f6;
|
border-color: #3b82f6;
|
||||||
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
|
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
|
||||||
}
|
}
|
||||||
@@ -991,100 +603,46 @@ kbd {
|
|||||||
.fade-leave-to {
|
.fade-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
.settings.theme-dark {
|
|
||||||
color: #e5e7eb;
|
|
||||||
}
|
|
||||||
.settings.theme-dark .card {
|
|
||||||
background: #1f2937;
|
|
||||||
border-color: #374151;
|
|
||||||
}
|
|
||||||
.settings.theme-dark .field span {
|
|
||||||
color: #d1d5db;
|
|
||||||
}
|
|
||||||
.settings.theme-dark .field input[type='text'],
|
|
||||||
.settings.theme-dark .field input[type='number'],
|
|
||||||
.settings.theme-dark .field input:not([type='checkbox']),
|
|
||||||
.settings.theme-dark .field select,
|
|
||||||
.settings.theme-dark .field textarea {
|
|
||||||
background: #111827;
|
|
||||||
border-color: #374151;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.settings.theme-dark .field input::placeholder,
|
|
||||||
.settings.theme-dark .field textarea::placeholder {
|
|
||||||
color: #9ca3af;
|
|
||||||
}
|
|
||||||
.settings.theme-dark .field input:disabled {
|
|
||||||
background: #1f2937;
|
|
||||||
color: #6b7280;
|
|
||||||
}
|
|
||||||
.settings.theme-dark .prefixed-input {
|
|
||||||
background: #111827;
|
|
||||||
border-color: #374151;
|
|
||||||
}
|
|
||||||
.settings.theme-dark .input-prefix {
|
|
||||||
background: #1f2937;
|
|
||||||
border-right-color: #374151;
|
|
||||||
color: #d1d5db;
|
|
||||||
}
|
|
||||||
.settings.theme-dark .btn:not(.primary) {
|
|
||||||
background: #1f2937;
|
|
||||||
border-color: #374151;
|
|
||||||
color: #e5e7eb;
|
|
||||||
}
|
|
||||||
.settings.theme-dark .btn:not(.primary):hover:not(:disabled) {
|
|
||||||
background: #374151;
|
|
||||||
}
|
|
||||||
.settings.theme-dark .subtitle {
|
|
||||||
color: #9ca3af;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
.settings.theme-auto {
|
.settings {
|
||||||
color: #e5e7eb;
|
color: #e5e7eb;
|
||||||
}
|
}
|
||||||
.settings.theme-auto .card {
|
.card {
|
||||||
background: #1f2937;
|
background: #1f2937;
|
||||||
border-color: #374151;
|
border-color: #374151;
|
||||||
}
|
}
|
||||||
.settings.theme-auto .field span {
|
.field input {
|
||||||
color: #d1d5db;
|
|
||||||
}
|
|
||||||
.settings.theme-auto .field input[type='text'],
|
|
||||||
.settings.theme-auto .field input[type='number'],
|
|
||||||
.settings.theme-auto .field input:not([type='checkbox']),
|
|
||||||
.settings.theme-auto .field select,
|
|
||||||
.settings.theme-auto .field textarea {
|
|
||||||
background: #111827;
|
background: #111827;
|
||||||
border-color: #374151;
|
border-color: #374151;
|
||||||
color: #fff;
|
color: #e5e7eb;
|
||||||
}
|
}
|
||||||
.settings.theme-auto .field input::placeholder,
|
.field select {
|
||||||
.settings.theme-auto .field textarea::placeholder {
|
background: #111827;
|
||||||
color: #9ca3af;
|
border-color: #374151;
|
||||||
|
color: #e5e7eb;
|
||||||
}
|
}
|
||||||
.settings.theme-auto .field input:disabled {
|
.field input:disabled {
|
||||||
background: #1f2937;
|
background: #1f2937;
|
||||||
color: #6b7280;
|
color: #6b7280;
|
||||||
}
|
}
|
||||||
.settings.theme-auto .prefixed-input {
|
.prefixed-input {
|
||||||
background: #111827;
|
background: #111827;
|
||||||
border-color: #374151;
|
border-color: #374151;
|
||||||
}
|
}
|
||||||
.settings.theme-auto .input-prefix {
|
.input-prefix {
|
||||||
background: #1f2937;
|
background: #1f2937;
|
||||||
border-right-color: #374151;
|
border-right-color: #374151;
|
||||||
color: #d1d5db;
|
color: #d1d5db;
|
||||||
}
|
}
|
||||||
.settings.theme-auto .btn:not(.primary) {
|
.btn {
|
||||||
background: #1f2937;
|
background: #1f2937;
|
||||||
border-color: #374151;
|
border-color: #374151;
|
||||||
color: #e5e7eb;
|
color: #e5e7eb;
|
||||||
}
|
}
|
||||||
.settings.theme-auto .btn:not(.primary):hover:not(:disabled) {
|
.btn:hover:not(:disabled) {
|
||||||
background: #374151;
|
background: #374151;
|
||||||
}
|
}
|
||||||
.settings.theme-auto .subtitle {
|
.subtitle {
|
||||||
color: #9ca3af;
|
color: #9ca3af;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Vendored
-8
@@ -17,10 +17,6 @@ export function CopyNativeRegionImage(arg1:main.CaptureResult):Promise<void>;
|
|||||||
|
|
||||||
export function CopyRegionImage(arg1:main.CaptureResult):Promise<void>;
|
export function CopyRegionImage(arg1:main.CaptureResult):Promise<void>;
|
||||||
|
|
||||||
export function ExtractTextNativeRegion(arg1:main.CaptureResult):Promise<void>;
|
|
||||||
|
|
||||||
export function ExtractTextRegion(arg1:main.CaptureResult):Promise<void>;
|
|
||||||
|
|
||||||
export function GetConfig():Promise<domain.AppConfig>;
|
export function GetConfig():Promise<domain.AppConfig>;
|
||||||
|
|
||||||
export function QuitApp():Promise<void>;
|
export function QuitApp():Promise<void>;
|
||||||
@@ -41,10 +37,6 @@ export function SaveRegionToRemote(arg1:main.CaptureResult):Promise<void>;
|
|||||||
|
|
||||||
export function ShowWindow():Promise<void>;
|
export function ShowWindow():Promise<void>;
|
||||||
|
|
||||||
export function SummarizeNativeRegion(arg1:main.CaptureResult):Promise<void>;
|
|
||||||
|
|
||||||
export function SummarizeRegion(arg1:main.CaptureResult):Promise<void>;
|
|
||||||
|
|
||||||
export function TestConnection(arg1:domain.S3Config):Promise<void>;
|
export function TestConnection(arg1:domain.S3Config):Promise<void>;
|
||||||
|
|
||||||
export function TestSSHConnection(arg1:domain.SSHConfig):Promise<void>;
|
export function TestSSHConnection(arg1:domain.SSHConfig):Promise<void>;
|
||||||
|
|||||||
@@ -30,14 +30,6 @@ export function CopyRegionImage(arg1) {
|
|||||||
return window['go']['main']['App']['CopyRegionImage'](arg1);
|
return window['go']['main']['App']['CopyRegionImage'](arg1);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function ExtractTextNativeRegion(arg1) {
|
|
||||||
return window['go']['main']['App']['ExtractTextNativeRegion'](arg1);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function ExtractTextRegion(arg1) {
|
|
||||||
return window['go']['main']['App']['ExtractTextRegion'](arg1);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function GetConfig() {
|
export function GetConfig() {
|
||||||
return window['go']['main']['App']['GetConfig']();
|
return window['go']['main']['App']['GetConfig']();
|
||||||
}
|
}
|
||||||
@@ -78,14 +70,6 @@ export function ShowWindow() {
|
|||||||
return window['go']['main']['App']['ShowWindow']();
|
return window['go']['main']['App']['ShowWindow']();
|
||||||
}
|
}
|
||||||
|
|
||||||
export function SummarizeNativeRegion(arg1) {
|
|
||||||
return window['go']['main']['App']['SummarizeNativeRegion'](arg1);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function SummarizeRegion(arg1) {
|
|
||||||
return window['go']['main']['App']['SummarizeRegion'](arg1);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function TestConnection(arg1) {
|
export function TestConnection(arg1) {
|
||||||
return window['go']['main']['App']['TestConnection'](arg1);
|
return window['go']['main']['App']['TestConnection'](arg1);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -18,9 +18,6 @@ export namespace application {
|
|||||||
tool: string;
|
tool: string;
|
||||||
color: string;
|
color: string;
|
||||||
points: Point[];
|
points: Point[];
|
||||||
text?: string;
|
|
||||||
strokeWidth?: number;
|
|
||||||
fontSize?: number;
|
|
||||||
|
|
||||||
static createFrom(source: any = {}) {
|
static createFrom(source: any = {}) {
|
||||||
return new Annotation(source);
|
return new Annotation(source);
|
||||||
@@ -31,9 +28,6 @@ export namespace application {
|
|||||||
this.tool = source["tool"];
|
this.tool = source["tool"];
|
||||||
this.color = source["color"];
|
this.color = source["color"];
|
||||||
this.points = this.convertValues(source["points"], Point);
|
this.points = this.convertValues(source["points"], Point);
|
||||||
this.text = source["text"];
|
|
||||||
this.strokeWidth = source["strokeWidth"];
|
|
||||||
this.fontSize = source["fontSize"];
|
|
||||||
}
|
}
|
||||||
|
|
||||||
convertValues(a: any, classs: any, asMap: boolean = false): any {
|
convertValues(a: any, classs: any, asMap: boolean = false): any {
|
||||||
@@ -59,126 +53,6 @@ export namespace application {
|
|||||||
|
|
||||||
export namespace domain {
|
export namespace domain {
|
||||||
|
|
||||||
export class OCRProviderConfig {
|
|
||||||
label: string;
|
|
||||||
endpoint: string;
|
|
||||||
accessKeyId: string;
|
|
||||||
accessKeySecret: string;
|
|
||||||
region: string;
|
|
||||||
service: string;
|
|
||||||
action: string;
|
|
||||||
version: string;
|
|
||||||
timeoutSecs: number;
|
|
||||||
|
|
||||||
static createFrom(source: any = {}) {
|
|
||||||
return new OCRProviderConfig(source);
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor(source: any = {}) {
|
|
||||||
if ('string' === typeof source) source = JSON.parse(source);
|
|
||||||
this.label = source["label"];
|
|
||||||
this.endpoint = source["endpoint"];
|
|
||||||
this.accessKeyId = source["accessKeyId"];
|
|
||||||
this.accessKeySecret = source["accessKeySecret"];
|
|
||||||
this.region = source["region"];
|
|
||||||
this.service = source["service"];
|
|
||||||
this.action = source["action"];
|
|
||||||
this.version = source["version"];
|
|
||||||
this.timeoutSecs = source["timeoutSecs"];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export class OCRConfig {
|
|
||||||
activeProvider: string;
|
|
||||||
providers: Record<string, OCRProviderConfig>;
|
|
||||||
|
|
||||||
static createFrom(source: any = {}) {
|
|
||||||
return new OCRConfig(source);
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor(source: any = {}) {
|
|
||||||
if ('string' === typeof source) source = JSON.parse(source);
|
|
||||||
this.activeProvider = source["activeProvider"];
|
|
||||||
this.providers = this.convertValues(source["providers"], OCRProviderConfig, true);
|
|
||||||
}
|
|
||||||
|
|
||||||
convertValues(a: any, classs: any, asMap: boolean = false): any {
|
|
||||||
if (!a) {
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
if (a.slice && a.map) {
|
|
||||||
return (a as any[]).map(elem => this.convertValues(elem, classs));
|
|
||||||
} else if ("object" === typeof a) {
|
|
||||||
if (asMap) {
|
|
||||||
for (const key of Object.keys(a)) {
|
|
||||||
a[key] = new classs(a[key]);
|
|
||||||
}
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
return new classs(a);
|
|
||||||
}
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export class LLMProviderConfig {
|
|
||||||
label: string;
|
|
||||||
baseUrl: string;
|
|
||||||
apiKey: string;
|
|
||||||
model: string;
|
|
||||||
maxTokens: number;
|
|
||||||
temperature: number;
|
|
||||||
timeoutSecs: number;
|
|
||||||
maxInlineBytes: number;
|
|
||||||
|
|
||||||
static createFrom(source: any = {}) {
|
|
||||||
return new LLMProviderConfig(source);
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor(source: any = {}) {
|
|
||||||
if ('string' === typeof source) source = JSON.parse(source);
|
|
||||||
this.label = source["label"];
|
|
||||||
this.baseUrl = source["baseUrl"];
|
|
||||||
this.apiKey = source["apiKey"];
|
|
||||||
this.model = source["model"];
|
|
||||||
this.maxTokens = source["maxTokens"];
|
|
||||||
this.temperature = source["temperature"];
|
|
||||||
this.timeoutSecs = source["timeoutSecs"];
|
|
||||||
this.maxInlineBytes = source["maxInlineBytes"];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export class LLMConfig {
|
|
||||||
activeProvider: string;
|
|
||||||
prompt: string;
|
|
||||||
providers: Record<string, LLMProviderConfig>;
|
|
||||||
|
|
||||||
static createFrom(source: any = {}) {
|
|
||||||
return new LLMConfig(source);
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor(source: any = {}) {
|
|
||||||
if ('string' === typeof source) source = JSON.parse(source);
|
|
||||||
this.activeProvider = source["activeProvider"];
|
|
||||||
this.prompt = source["prompt"];
|
|
||||||
this.providers = this.convertValues(source["providers"], LLMProviderConfig, true);
|
|
||||||
}
|
|
||||||
|
|
||||||
convertValues(a: any, classs: any, asMap: boolean = false): any {
|
|
||||||
if (!a) {
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
if (a.slice && a.map) {
|
|
||||||
return (a as any[]).map(elem => this.convertValues(elem, classs));
|
|
||||||
} else if ("object" === typeof a) {
|
|
||||||
if (asMap) {
|
|
||||||
for (const key of Object.keys(a)) {
|
|
||||||
a[key] = new classs(a[key]);
|
|
||||||
}
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
return new classs(a);
|
|
||||||
}
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export class SSHConfig {
|
export class SSHConfig {
|
||||||
host: string;
|
host: string;
|
||||||
port: number;
|
port: number;
|
||||||
@@ -235,11 +109,8 @@ export namespace domain {
|
|||||||
}
|
}
|
||||||
export class AppConfig {
|
export class AppConfig {
|
||||||
hotkey: string;
|
hotkey: string;
|
||||||
theme: string;
|
|
||||||
s3: S3Config;
|
s3: S3Config;
|
||||||
ssh: SSHConfig;
|
ssh: SSHConfig;
|
||||||
llm: LLMConfig;
|
|
||||||
ocr: OCRConfig;
|
|
||||||
|
|
||||||
static createFrom(source: any = {}) {
|
static createFrom(source: any = {}) {
|
||||||
return new AppConfig(source);
|
return new AppConfig(source);
|
||||||
@@ -248,11 +119,8 @@ export namespace domain {
|
|||||||
constructor(source: any = {}) {
|
constructor(source: any = {}) {
|
||||||
if ('string' === typeof source) source = JSON.parse(source);
|
if ('string' === typeof source) source = JSON.parse(source);
|
||||||
this.hotkey = source["hotkey"];
|
this.hotkey = source["hotkey"];
|
||||||
this.theme = source["theme"];
|
|
||||||
this.s3 = this.convertValues(source["s3"], S3Config);
|
this.s3 = this.convertValues(source["s3"], S3Config);
|
||||||
this.ssh = this.convertValues(source["ssh"], SSHConfig);
|
this.ssh = this.convertValues(source["ssh"], SSHConfig);
|
||||||
this.llm = this.convertValues(source["llm"], LLMConfig);
|
|
||||||
this.ocr = this.convertValues(source["ocr"], OCRConfig);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
convertValues(a: any, classs: any, asMap: boolean = false): any {
|
convertValues(a: any, classs: any, asMap: boolean = false): any {
|
||||||
@@ -275,10 +143,6 @@ export namespace domain {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export namespace main {
|
export namespace main {
|
||||||
|
|||||||
@@ -12,7 +12,6 @@ require (
|
|||||||
golang.design/x/clipboard v0.7.0
|
golang.design/x/clipboard v0.7.0
|
||||||
golang.design/x/hotkey v0.4.1
|
golang.design/x/hotkey v0.4.1
|
||||||
golang.org/x/crypto v0.33.0
|
golang.org/x/crypto v0.33.0
|
||||||
golang.org/x/image v0.12.0
|
|
||||||
)
|
)
|
||||||
|
|
||||||
require (
|
require (
|
||||||
@@ -53,6 +52,7 @@ require (
|
|||||||
github.com/wailsapp/go-webview2 v1.0.22 // indirect
|
github.com/wailsapp/go-webview2 v1.0.22 // indirect
|
||||||
github.com/wailsapp/mimetype v1.4.1 // indirect
|
github.com/wailsapp/mimetype v1.4.1 // indirect
|
||||||
golang.org/x/exp v0.0.0-20190731235908-ec7cb31e5a56 // indirect
|
golang.org/x/exp v0.0.0-20190731235908-ec7cb31e5a56 // indirect
|
||||||
|
golang.org/x/image v0.12.0 // indirect
|
||||||
golang.org/x/mobile v0.0.0-20230301163155-e0f57694e12c // indirect
|
golang.org/x/mobile v0.0.0-20230301163155-e0f57694e12c // indirect
|
||||||
golang.org/x/net v0.35.0 // indirect
|
golang.org/x/net v0.35.0 // indirect
|
||||||
golang.org/x/sys v0.30.0 // indirect
|
golang.org/x/sys v0.30.0 // indirect
|
||||||
|
|||||||
@@ -8,15 +8,8 @@ import (
|
|||||||
"image/draw"
|
"image/draw"
|
||||||
"image/png"
|
"image/png"
|
||||||
"math"
|
"math"
|
||||||
"os"
|
|
||||||
"strconv"
|
"strconv"
|
||||||
"strings"
|
"strings"
|
||||||
"sync"
|
|
||||||
|
|
||||||
xfont "golang.org/x/image/font"
|
|
||||||
"golang.org/x/image/font/basicfont"
|
|
||||||
"golang.org/x/image/font/opentype"
|
|
||||||
"golang.org/x/image/math/fixed"
|
|
||||||
)
|
)
|
||||||
|
|
||||||
// Annotation describes a user-drawn mark relative to the selected screenshot.
|
// Annotation describes a user-drawn mark relative to the selected screenshot.
|
||||||
@@ -25,9 +18,6 @@ type Annotation struct {
|
|||||||
Tool string `json:"tool"`
|
Tool string `json:"tool"`
|
||||||
Color string `json:"color"`
|
Color string `json:"color"`
|
||||||
Points []Point `json:"points"`
|
Points []Point `json:"points"`
|
||||||
Text string `json:"text,omitempty"`
|
|
||||||
StrokeWidth float64 `json:"strokeWidth,omitempty"`
|
|
||||||
FontSize float64 `json:"fontSize,omitempty"`
|
|
||||||
}
|
}
|
||||||
|
|
||||||
type Point struct {
|
type Point struct {
|
||||||
@@ -37,22 +27,12 @@ type Point struct {
|
|||||||
|
|
||||||
// ApplyAnnotations decodes a PNG, draws all annotations, and re-encodes it.
|
// ApplyAnnotations decodes a PNG, draws all annotations, and re-encodes it.
|
||||||
func ApplyAnnotations(pngBytes []byte, annotations []Annotation, scale float64) ([]byte, error) {
|
func ApplyAnnotations(pngBytes []byte, annotations []Annotation, scale float64) ([]byte, error) {
|
||||||
return ApplyAnnotationsWithScale(pngBytes, annotations, scale, scale)
|
|
||||||
}
|
|
||||||
|
|
||||||
// ApplyAnnotationsWithScale decodes a PNG, draws all annotations using the
|
|
||||||
// actual device-pixel scale of the captured image, and re-encodes it.
|
|
||||||
func ApplyAnnotationsWithScale(pngBytes []byte, annotations []Annotation, scaleX, scaleY float64) ([]byte, error) {
|
|
||||||
if len(annotations) == 0 {
|
if len(annotations) == 0 {
|
||||||
return pngBytes, nil
|
return pngBytes, nil
|
||||||
}
|
}
|
||||||
if scaleX <= 0 {
|
if scale <= 0 {
|
||||||
scaleX = 1
|
scale = 1
|
||||||
}
|
}
|
||||||
if scaleY <= 0 {
|
|
||||||
scaleY = scaleX
|
|
||||||
}
|
|
||||||
strokeScale := math.Max(scaleX, scaleY)
|
|
||||||
|
|
||||||
src, err := png.Decode(bytes.NewReader(pngBytes))
|
src, err := png.Decode(bytes.NewReader(pngBytes))
|
||||||
if err != nil {
|
if err != nil {
|
||||||
@@ -67,20 +47,14 @@ func ApplyAnnotationsWithScale(pngBytes []byte, annotations []Annotation, scaleX
|
|||||||
if err != nil {
|
if err != nil {
|
||||||
c = color.RGBA{R: 59, G: 130, B: 246, A: 255}
|
c = color.RGBA{R: 59, G: 130, B: 246, A: 255}
|
||||||
}
|
}
|
||||||
strokeWidth := ann.StrokeWidth
|
width := int(math.Max(2, math.Round(3*scale)))
|
||||||
if strokeWidth <= 0 {
|
|
||||||
strokeWidth = 3
|
|
||||||
}
|
|
||||||
width := int(math.Max(1, math.Round(strokeWidth*strokeScale)))
|
|
||||||
switch ann.Tool {
|
switch ann.Tool {
|
||||||
case "pen":
|
case "pen":
|
||||||
drawPolyline(dst, ann.Points, scaleX, scaleY, width, c)
|
drawPolyline(dst, ann.Points, scale, width, c)
|
||||||
case "rect":
|
case "rect":
|
||||||
drawRectOutline(dst, ann.Points, scaleX, scaleY, width, c)
|
drawRectOutline(dst, ann.Points, scale, width, c)
|
||||||
case "ellipse":
|
case "ellipse":
|
||||||
drawEllipseOutline(dst, ann.Points, scaleX, scaleY, width, c)
|
drawEllipseOutline(dst, ann.Points, scale, width, c)
|
||||||
case "text":
|
|
||||||
drawTextAnnotation(dst, ann, scaleX, scaleY, c)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -108,22 +82,22 @@ func parseHexColor(hex string) (color.RGBA, error) {
|
|||||||
}, nil
|
}, nil
|
||||||
}
|
}
|
||||||
|
|
||||||
func drawPolyline(img *image.RGBA, points []Point, scaleX, scaleY float64, width int, c color.RGBA) {
|
func drawPolyline(img *image.RGBA, points []Point, scale float64, width int, c color.RGBA) {
|
||||||
if len(points) == 1 {
|
if len(points) == 1 {
|
||||||
drawDot(img, scalePoint(points[0], scaleX, scaleY), width, c)
|
drawDot(img, scalePoint(points[0], scale), width, c)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
for i := 1; i < len(points); i++ {
|
for i := 1; i < len(points); i++ {
|
||||||
drawLine(img, scalePoint(points[i-1], scaleX, scaleY), scalePoint(points[i], scaleX, scaleY), width, c)
|
drawLine(img, scalePoint(points[i-1], scale), scalePoint(points[i], scale), width, c)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
func drawRectOutline(img *image.RGBA, points []Point, scaleX, scaleY float64, width int, c color.RGBA) {
|
func drawRectOutline(img *image.RGBA, points []Point, scale float64, width int, c color.RGBA) {
|
||||||
if len(points) < 2 {
|
if len(points) < 2 {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
a := scalePoint(points[0], scaleX, scaleY)
|
a := scalePoint(points[0], scale)
|
||||||
b := scalePoint(points[len(points)-1], scaleX, scaleY)
|
b := scalePoint(points[len(points)-1], scale)
|
||||||
x1, x2 := ordered(a.X, b.X)
|
x1, x2 := ordered(a.X, b.X)
|
||||||
y1, y2 := ordered(a.Y, b.Y)
|
y1, y2 := ordered(a.Y, b.Y)
|
||||||
drawLine(img, Point{X: x1, Y: y1}, Point{X: x2, Y: y1}, width, c)
|
drawLine(img, Point{X: x1, Y: y1}, Point{X: x2, Y: y1}, width, c)
|
||||||
@@ -132,12 +106,12 @@ func drawRectOutline(img *image.RGBA, points []Point, scaleX, scaleY float64, wi
|
|||||||
drawLine(img, Point{X: x1, Y: y2}, Point{X: x1, Y: y1}, width, c)
|
drawLine(img, Point{X: x1, Y: y2}, Point{X: x1, Y: y1}, width, c)
|
||||||
}
|
}
|
||||||
|
|
||||||
func drawEllipseOutline(img *image.RGBA, points []Point, scaleX, scaleY float64, width int, c color.RGBA) {
|
func drawEllipseOutline(img *image.RGBA, points []Point, scale float64, width int, c color.RGBA) {
|
||||||
if len(points) < 2 {
|
if len(points) < 2 {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
a := scalePoint(points[0], scaleX, scaleY)
|
a := scalePoint(points[0], scale)
|
||||||
b := scalePoint(points[len(points)-1], scaleX, scaleY)
|
b := scalePoint(points[len(points)-1], scale)
|
||||||
x1, x2 := ordered(a.X, b.X)
|
x1, x2 := ordered(a.X, b.X)
|
||||||
y1, y2 := ordered(a.Y, b.Y)
|
y1, y2 := ordered(a.Y, b.Y)
|
||||||
rx := (x2 - x1) / 2
|
rx := (x2 - x1) / 2
|
||||||
@@ -196,8 +170,8 @@ func drawDot(img *image.RGBA, p Point, width int, c color.RGBA) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
func scalePoint(p Point, scaleX, scaleY float64) Point {
|
func scalePoint(p Point, scale float64) Point {
|
||||||
return Point{X: p.X * scaleX, Y: p.Y * scaleY}
|
return Point{X: p.X * scale, Y: p.Y * scale}
|
||||||
}
|
}
|
||||||
|
|
||||||
func ordered(a, b float64) (float64, float64) {
|
func ordered(a, b float64) (float64, float64) {
|
||||||
@@ -206,94 +180,3 @@ func ordered(a, b float64) (float64, float64) {
|
|||||||
}
|
}
|
||||||
return b, a
|
return b, a
|
||||||
}
|
}
|
||||||
|
|
||||||
func drawTextAnnotation(img *image.RGBA, ann Annotation, scaleX, scaleY float64, c color.RGBA) {
|
|
||||||
if len(ann.Points) == 0 {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
text := strings.TrimSpace(ann.Text)
|
|
||||||
if text == "" {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
fontSize := ann.FontSize
|
|
||||||
if fontSize <= 0 {
|
|
||||||
fontSize = 20
|
|
||||||
}
|
|
||||||
face := annotationFontFace(fontSize * scaleY)
|
|
||||||
if face == nil {
|
|
||||||
face = basicfont.Face7x13
|
|
||||||
}
|
|
||||||
|
|
||||||
origin := scalePoint(ann.Points[0], scaleX, scaleY)
|
|
||||||
metrics := face.Metrics()
|
|
||||||
lineHeight := metrics.Height
|
|
||||||
if lineHeight <= 0 {
|
|
||||||
lineHeight = fixed.I(int(math.Ceil(fontSize * 1.2 * scaleY)))
|
|
||||||
}
|
|
||||||
d := &xfont.Drawer{
|
|
||||||
Dst: img,
|
|
||||||
Src: image.NewUniform(c),
|
|
||||||
Face: face,
|
|
||||||
}
|
|
||||||
baselineY := fixed.I(int(math.Round(origin.Y))) + metrics.Ascent
|
|
||||||
x := fixed.I(int(math.Round(origin.X)))
|
|
||||||
for _, line := range strings.Split(text, "\n") {
|
|
||||||
line = strings.TrimRight(line, "\r")
|
|
||||||
if line != "" {
|
|
||||||
d.Dot = fixed.Point26_6{X: x, Y: baselineY}
|
|
||||||
d.DrawString(line)
|
|
||||||
}
|
|
||||||
baselineY += lineHeight
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var (
|
|
||||||
annotationFontOnce sync.Once
|
|
||||||
annotationFont *opentype.Font
|
|
||||||
)
|
|
||||||
|
|
||||||
func annotationFontFace(size float64) xfont.Face {
|
|
||||||
if size <= 0 {
|
|
||||||
size = 20
|
|
||||||
}
|
|
||||||
annotationFontOnce.Do(func() {
|
|
||||||
annotationFont = loadAnnotationFont()
|
|
||||||
})
|
|
||||||
if annotationFont == nil {
|
|
||||||
return basicfont.Face7x13
|
|
||||||
}
|
|
||||||
face, err := opentype.NewFace(annotationFont, &opentype.FaceOptions{
|
|
||||||
Size: size,
|
|
||||||
DPI: 72,
|
|
||||||
Hinting: xfont.HintingFull,
|
|
||||||
})
|
|
||||||
if err != nil {
|
|
||||||
return basicfont.Face7x13
|
|
||||||
}
|
|
||||||
return face
|
|
||||||
}
|
|
||||||
|
|
||||||
func loadAnnotationFont() *opentype.Font {
|
|
||||||
paths := []string{
|
|
||||||
"/System/Library/Fonts/Supplemental/Arial Unicode.ttf",
|
|
||||||
"/Library/Fonts/Arial Unicode.ttf",
|
|
||||||
"/System/Library/Fonts/Hiragino Sans GB.ttc",
|
|
||||||
"/System/Library/Fonts/PingFang.ttc",
|
|
||||||
"/System/Library/Fonts/Helvetica.ttc",
|
|
||||||
}
|
|
||||||
for _, path := range paths {
|
|
||||||
data, err := os.ReadFile(path)
|
|
||||||
if err != nil {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
if collection, err := opentype.ParseCollection(data); err == nil && collection.NumFonts() > 0 {
|
|
||||||
if font, err := collection.Font(0); err == nil {
|
|
||||||
return font
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if font, err := opentype.Parse(data); err == nil {
|
|
||||||
return font
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -51,123 +51,3 @@ func TestApplyAnnotationsNoAnnotationsReturnsOriginalBytes(t *testing.T) {
|
|||||||
t.Fatalf("expected original bytes")
|
t.Fatalf("expected original bytes")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
func TestApplyAnnotationsDrawsTextIntoPNG(t *testing.T) {
|
|
||||||
src := image.NewRGBA(image.Rect(0, 0, 120, 80))
|
|
||||||
draw.Draw(src, src.Bounds(), &image.Uniform{C: color.White}, image.Point{}, draw.Src)
|
|
||||||
|
|
||||||
var buf bytes.Buffer
|
|
||||||
if err := png.Encode(&buf, src); err != nil {
|
|
||||||
t.Fatalf("encode source: %v", err)
|
|
||||||
}
|
|
||||||
|
|
||||||
out, err := ApplyAnnotations(buf.Bytes(), []Annotation{
|
|
||||||
{
|
|
||||||
Tool: "text",
|
|
||||||
Color: "#ef4444",
|
|
||||||
Points: []Point{
|
|
||||||
{X: 10, Y: 10},
|
|
||||||
},
|
|
||||||
Text: "T",
|
|
||||||
},
|
|
||||||
}, 1)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("apply annotations: %v", err)
|
|
||||||
}
|
|
||||||
|
|
||||||
img, err := png.Decode(bytes.NewReader(out))
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("decode output: %v", err)
|
|
||||||
}
|
|
||||||
found := false
|
|
||||||
for y := 8; y < 40 && !found; y++ {
|
|
||||||
for x := 8; x < 40; x++ {
|
|
||||||
got := color.RGBAModel.Convert(img.At(x, y)).(color.RGBA)
|
|
||||||
if got.R > 180 && got.G < 180 && got.B < 180 {
|
|
||||||
found = true
|
|
||||||
break
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if !found {
|
|
||||||
t.Fatalf("expected red text pixels near annotation point")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestApplyAnnotationsWithScaleDrawsTextAtDevicePosition(t *testing.T) {
|
|
||||||
src := image.NewRGBA(image.Rect(0, 0, 220, 120))
|
|
||||||
draw.Draw(src, src.Bounds(), &image.Uniform{C: color.White}, image.Point{}, draw.Src)
|
|
||||||
|
|
||||||
var buf bytes.Buffer
|
|
||||||
if err := png.Encode(&buf, src); err != nil {
|
|
||||||
t.Fatalf("encode source: %v", err)
|
|
||||||
}
|
|
||||||
|
|
||||||
out, err := ApplyAnnotationsWithScale(buf.Bytes(), []Annotation{
|
|
||||||
{
|
|
||||||
Tool: "text",
|
|
||||||
Color: "#ef4444",
|
|
||||||
Points: []Point{{X: 50, Y: 20}},
|
|
||||||
Text: "T",
|
|
||||||
FontSize: 20,
|
|
||||||
},
|
|
||||||
}, 2, 2)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("apply annotations: %v", err)
|
|
||||||
}
|
|
||||||
|
|
||||||
img, err := png.Decode(bytes.NewReader(out))
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("decode output: %v", err)
|
|
||||||
}
|
|
||||||
minX := 999
|
|
||||||
found := false
|
|
||||||
for y := 0; y < img.Bounds().Dy(); y++ {
|
|
||||||
for x := 0; x < img.Bounds().Dx(); x++ {
|
|
||||||
got := color.RGBAModel.Convert(img.At(x, y)).(color.RGBA)
|
|
||||||
if got.R > 180 && got.G < 180 && got.B < 180 {
|
|
||||||
found = true
|
|
||||||
if x < minX {
|
|
||||||
minX = x
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if !found {
|
|
||||||
t.Fatalf("expected red text pixels")
|
|
||||||
}
|
|
||||||
if minX < 90 {
|
|
||||||
t.Fatalf("expected text to be drawn near scaled x=100, min red x=%d", minX)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestApplyAnnotationsUsesStrokeWidth(t *testing.T) {
|
|
||||||
src := image.NewRGBA(image.Rect(0, 0, 80, 80))
|
|
||||||
draw.Draw(src, src.Bounds(), &image.Uniform{C: color.White}, image.Point{}, draw.Src)
|
|
||||||
|
|
||||||
var buf bytes.Buffer
|
|
||||||
if err := png.Encode(&buf, src); err != nil {
|
|
||||||
t.Fatalf("encode source: %v", err)
|
|
||||||
}
|
|
||||||
|
|
||||||
out, err := ApplyAnnotations(buf.Bytes(), []Annotation{
|
|
||||||
{
|
|
||||||
Tool: "rect",
|
|
||||||
Color: "#ef4444",
|
|
||||||
Points: []Point{{X: 20, Y: 20}, {X: 60, Y: 60}},
|
|
||||||
StrokeWidth: 8,
|
|
||||||
},
|
|
||||||
}, 1)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("apply annotations: %v", err)
|
|
||||||
}
|
|
||||||
|
|
||||||
img, err := png.Decode(bytes.NewReader(out))
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("decode output: %v", err)
|
|
||||||
}
|
|
||||||
got := color.RGBAModel.Convert(img.At(20, 24)).(color.RGBA)
|
|
||||||
if got.R < 180 || got.G > 180 || got.B > 180 {
|
|
||||||
t.Fatalf("expected thick rectangle stroke to cover y=24, got %#v", got)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -61,14 +61,6 @@ func (s *CaptureActionsService) SaveImage(_ context.Context, pngBytes []byte, di
|
|||||||
s.notifyFailure("save failed: " + err.Error())
|
s.notifyFailure("save failed: " + err.Error())
|
||||||
return "", err
|
return "", err
|
||||||
}
|
}
|
||||||
// Copy the saved path to the clipboard so the user can paste it right
|
|
||||||
// away, mirroring how the upload/summary flows copy their result. A
|
|
||||||
// clipboard failure must not fail the save itself.
|
|
||||||
if s.Clipboard != nil {
|
|
||||||
if err := s.Clipboard.WriteText(path); err != nil {
|
|
||||||
s.notifyFailure("clipboard write failed: " + err.Error())
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if s.Notifier != nil {
|
if s.Notifier != nil {
|
||||||
s.Notifier.NotifySuccess(path)
|
s.Notifier.NotifySuccess(path)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,57 +0,0 @@
|
|||||||
package application
|
|
||||||
|
|
||||||
import (
|
|
||||||
"context"
|
|
||||||
"fmt"
|
|
||||||
"strings"
|
|
||||||
|
|
||||||
"github.com/mmmy/snapgo/internal/infrastructure/clipboard"
|
|
||||||
)
|
|
||||||
|
|
||||||
// OCRRecognizer describes a provider capable of extracting text from a PNG
|
|
||||||
// screenshot.
|
|
||||||
type OCRRecognizer interface {
|
|
||||||
RecognizeText(ctx context.Context, pngBytes []byte) (string, error)
|
|
||||||
}
|
|
||||||
|
|
||||||
// CaptureOCRService wires screenshot bytes -> OCR provider -> clipboard. It
|
|
||||||
// leaves progress reporting to the caller so native and web overlays can share
|
|
||||||
// the same status HUD.
|
|
||||||
type CaptureOCRService struct {
|
|
||||||
Recognizer OCRRecognizer
|
|
||||||
Clipboard clipboard.Writer
|
|
||||||
}
|
|
||||||
|
|
||||||
// Recognize asks the configured OCR provider to extract text from the PNG.
|
|
||||||
func (s *CaptureOCRService) Recognize(ctx context.Context, pngBytes []byte) (string, error) {
|
|
||||||
if s.Recognizer == nil {
|
|
||||||
return "", fmt.Errorf("ocr is not configured")
|
|
||||||
}
|
|
||||||
if len(pngBytes) == 0 {
|
|
||||||
return "", fmt.Errorf("empty screenshot")
|
|
||||||
}
|
|
||||||
text, err := s.Recognizer.RecognizeText(ctx, pngBytes)
|
|
||||||
if err != nil {
|
|
||||||
return "", err
|
|
||||||
}
|
|
||||||
text = strings.TrimSpace(text)
|
|
||||||
if text == "" {
|
|
||||||
return "", fmt.Errorf("ocr result is empty")
|
|
||||||
}
|
|
||||||
return text, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
// CopyText writes the extracted text to the clipboard.
|
|
||||||
func (s *CaptureOCRService) CopyText(_ context.Context, text string) error {
|
|
||||||
text = strings.TrimSpace(text)
|
|
||||||
if text == "" {
|
|
||||||
return fmt.Errorf("empty ocr text")
|
|
||||||
}
|
|
||||||
if s.Clipboard == nil {
|
|
||||||
return fmt.Errorf("clipboard is not configured")
|
|
||||||
}
|
|
||||||
if err := s.Clipboard.WriteText(text); err != nil {
|
|
||||||
return fmt.Errorf("clipboard write failed: %w", err)
|
|
||||||
}
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
@@ -1,50 +0,0 @@
|
|||||||
package application
|
|
||||||
|
|
||||||
import (
|
|
||||||
"context"
|
|
||||||
"testing"
|
|
||||||
)
|
|
||||||
|
|
||||||
type fakeOCRRecognizer struct {
|
|
||||||
image []byte
|
|
||||||
text string
|
|
||||||
}
|
|
||||||
|
|
||||||
func (f *fakeOCRRecognizer) RecognizeText(_ context.Context, pngBytes []byte) (string, error) {
|
|
||||||
f.image = append([]byte(nil), pngBytes...)
|
|
||||||
if f.text == "" {
|
|
||||||
return "extracted text", nil
|
|
||||||
}
|
|
||||||
return f.text, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestCaptureOCRServiceRecognizesAndCopies(t *testing.T) {
|
|
||||||
ctx := context.Background()
|
|
||||||
recognizer := &fakeOCRRecognizer{}
|
|
||||||
clip := &fakeClipboard{}
|
|
||||||
svc := &CaptureOCRService{Recognizer: recognizer, Clipboard: clip}
|
|
||||||
|
|
||||||
text, err := svc.Recognize(ctx, []byte("png"))
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("recognize: %v", err)
|
|
||||||
}
|
|
||||||
if string(recognizer.image) != "png" {
|
|
||||||
t.Fatalf("expected screenshot bytes forwarded, got %q", string(recognizer.image))
|
|
||||||
}
|
|
||||||
if text != "extracted text" {
|
|
||||||
t.Fatalf("expected extracted text, got %q", text)
|
|
||||||
}
|
|
||||||
if err := svc.CopyText(ctx, text); err != nil {
|
|
||||||
t.Fatalf("copy text: %v", err)
|
|
||||||
}
|
|
||||||
if clip.text != "extracted text" {
|
|
||||||
t.Fatalf("expected ocr text copied, got %q", clip.text)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestCaptureOCRServiceRejectsEmptyResult(t *testing.T) {
|
|
||||||
svc := &CaptureOCRService{Recognizer: &fakeOCRRecognizer{text: " \n "}}
|
|
||||||
if _, err := svc.Recognize(context.Background(), []byte("png")); err == nil {
|
|
||||||
t.Fatalf("expected empty OCR result to fail")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -69,6 +69,12 @@ func (s *CaptureAndSSHService) ExecuteWithBytes(ctx context.Context, pngBytes []
|
|||||||
return fmt.Errorf("empty screenshot")
|
return fmt.Errorf("empty screenshot")
|
||||||
}
|
}
|
||||||
relPath := buildRemoteRelPath(s.Cfg.PathPrefix)
|
relPath := buildRemoteRelPath(s.Cfg.PathPrefix)
|
||||||
|
// bgo cannot create remote directories, so it uploads flat into the
|
||||||
|
// remote $HOME with a timestamped filename rather than a date-grouped
|
||||||
|
// subdirectory tree (see BgoUploader for the rationale).
|
||||||
|
if s.Cfg.IsBgo() {
|
||||||
|
relPath = buildRemoteFlatName()
|
||||||
|
}
|
||||||
sshSvcLog().Info("save-remote pipeline start",
|
sshSvcLog().Info("save-remote pipeline start",
|
||||||
"host", s.Cfg.Host, "user", s.Cfg.User, "port", s.Cfg.Port,
|
"host", s.Cfg.Host, "user", s.Cfg.User, "port", s.Cfg.Port,
|
||||||
"size", len(pngBytes), "remote_path", relPath,
|
"size", len(pngBytes), "remote_path", relPath,
|
||||||
@@ -128,6 +134,17 @@ func buildRemoteRelPath(prefix string) string {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// buildRemoteFlatName produces a flat, timestamped filename (no directory
|
||||||
|
// components) for destinations that cannot create remote directories, such
|
||||||
|
// as the bgo client. The file lands directly in the remote $HOME.
|
||||||
|
func buildRemoteFlatName() string {
|
||||||
|
now := time.Now()
|
||||||
|
return fmt.Sprintf("%s-%s.png",
|
||||||
|
now.Format("20060102-150405"),
|
||||||
|
randomSuffix(6),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
func (s *CaptureAndSSHService) notifyFailure(reason string) {
|
func (s *CaptureAndSSHService) notifyFailure(reason string) {
|
||||||
if s.Notifier != nil {
|
if s.Notifier != nil {
|
||||||
s.Notifier.NotifyFailure(reason)
|
s.Notifier.NotifyFailure(reason)
|
||||||
|
|||||||
@@ -1,158 +0,0 @@
|
|||||||
package application
|
|
||||||
|
|
||||||
import (
|
|
||||||
"context"
|
|
||||||
"encoding/base64"
|
|
||||||
"fmt"
|
|
||||||
"net/http"
|
|
||||||
"time"
|
|
||||||
|
|
||||||
"github.com/mmmy/snapgo/internal/domain"
|
|
||||||
"github.com/mmmy/snapgo/internal/infrastructure/clipboard"
|
|
||||||
)
|
|
||||||
|
|
||||||
// VisionSummarizer describes a multimodal model capable of reading an image
|
|
||||||
// reference (either a public https URL or an inline base64 data URL) and
|
|
||||||
// returning a textual summary.
|
|
||||||
type VisionSummarizer interface {
|
|
||||||
SummarizeImage(ctx context.Context, prompt string, imageURL string) (string, error)
|
|
||||||
}
|
|
||||||
|
|
||||||
// ObjectDeleter is an optional capability an OSSProvider may implement so the
|
|
||||||
// summary pipeline can delete the temporary screenshot it uploaded purely so a
|
|
||||||
// remote model could fetch it. It is kept separate from domain.OSSProvider to
|
|
||||||
// avoid forcing every provider (or test fake) to implement deletion.
|
|
||||||
type ObjectDeleter interface {
|
|
||||||
Delete(ctx context.Context, key string) error
|
|
||||||
}
|
|
||||||
|
|
||||||
// CaptureSummaryService wires screenshot bytes -> multimodal LLM summary ->
|
|
||||||
// clipboard. It prefers sending the image inline as a base64 data URL and only
|
|
||||||
// falls back to an S3 upload (public URL) when the payload exceeds the
|
|
||||||
// provider's inline size limit. It intentionally does not notify UI state
|
|
||||||
// itself: the caller emits fine-grained "uploading / recognizing / done"
|
|
||||||
// progress.
|
|
||||||
type CaptureSummaryService struct {
|
|
||||||
Provider domain.OSSProvider
|
|
||||||
Summarizer VisionSummarizer
|
|
||||||
Clipboard clipboard.Writer
|
|
||||||
Prompt string
|
|
||||||
PathPrefix string
|
|
||||||
// MaxInlineBytes caps the PNG size eligible for inline base64. Payloads
|
|
||||||
// larger than this must go through S3. A value <= 0 disables the inline
|
|
||||||
// path entirely (always upload).
|
|
||||||
MaxInlineBytes int
|
|
||||||
// HTTPClient is used for the public-URL reachability probe. Defaults to a
|
|
||||||
// short-timeout client when nil.
|
|
||||||
HTTPClient *http.Client
|
|
||||||
}
|
|
||||||
|
|
||||||
// CanInline reports whether the screenshot is small enough to be embedded
|
|
||||||
// directly in the request as a base64 data URL.
|
|
||||||
func (s *CaptureSummaryService) CanInline(pngBytes []byte) bool {
|
|
||||||
return s.MaxInlineBytes > 0 && len(pngBytes) <= s.MaxInlineBytes
|
|
||||||
}
|
|
||||||
|
|
||||||
// InlineDataURL encodes the PNG as an RFC 2397 data URL suitable for the
|
|
||||||
// image_url field of an OpenAI-compatible request.
|
|
||||||
func (s *CaptureSummaryService) InlineDataURL(pngBytes []byte) string {
|
|
||||||
return "data:image/png;base64," + base64.StdEncoding.EncodeToString(pngBytes)
|
|
||||||
}
|
|
||||||
|
|
||||||
// UploadImage uploads the screenshot and returns the public URL visible to
|
|
||||||
// the multimodal provider. Used only when the image is too large to inline.
|
|
||||||
func (s *CaptureSummaryService) UploadImage(ctx context.Context, pngBytes []byte) (*domain.UploadResult, error) {
|
|
||||||
if s.Provider == nil {
|
|
||||||
return nil, fmt.Errorf("s3 is not configured")
|
|
||||||
}
|
|
||||||
if len(pngBytes) == 0 {
|
|
||||||
return nil, fmt.Errorf("empty screenshot")
|
|
||||||
}
|
|
||||||
key := buildObjectKey(s.PathPrefix)
|
|
||||||
start := time.Now()
|
|
||||||
url, err := s.Provider.Upload(ctx, key, pngBytes, "image/png")
|
|
||||||
if err != nil {
|
|
||||||
return nil, fmt.Errorf("s3 put object: %w", err)
|
|
||||||
}
|
|
||||||
return &domain.UploadResult{
|
|
||||||
URL: url,
|
|
||||||
Key: key,
|
|
||||||
Provider: s.Provider.Name(),
|
|
||||||
Elapsed: time.Since(start),
|
|
||||||
}, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
// EnsureReachable verifies the public URL can actually be fetched, so we can
|
|
||||||
// surface a clear "link not reachable" message instead of an opaque provider
|
|
||||||
// error when the bucket is private or fronted by an inaccessible CDN.
|
|
||||||
func (s *CaptureSummaryService) EnsureReachable(ctx context.Context, imageURL string) error {
|
|
||||||
client := s.HTTPClient
|
|
||||||
if client == nil {
|
|
||||||
client = &http.Client{Timeout: 10 * time.Second}
|
|
||||||
}
|
|
||||||
probe := func(method string) (int, error) {
|
|
||||||
req, err := http.NewRequestWithContext(ctx, method, imageURL, nil)
|
|
||||||
if err != nil {
|
|
||||||
return 0, err
|
|
||||||
}
|
|
||||||
resp, err := client.Do(req)
|
|
||||||
if err != nil {
|
|
||||||
return 0, err
|
|
||||||
}
|
|
||||||
resp.Body.Close()
|
|
||||||
return resp.StatusCode, nil
|
|
||||||
}
|
|
||||||
status, err := probe(http.MethodHead)
|
|
||||||
// Some S3-compatible endpoints reject HEAD; retry with GET before failing.
|
|
||||||
if err != nil || status == http.StatusMethodNotAllowed || status == http.StatusForbidden {
|
|
||||||
if s, gerr := probe(http.MethodGet); gerr == nil {
|
|
||||||
status, err = s, nil
|
|
||||||
} else if err == nil {
|
|
||||||
err = gerr
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if err != nil {
|
|
||||||
return fmt.Errorf("图片链接不可达（模型无法读取上传的截图）：%w", err)
|
|
||||||
}
|
|
||||||
if status < 200 || status >= 300 {
|
|
||||||
return fmt.Errorf("图片链接不可达：HTTP %d，请确认对象存储 bucket 公网可读或已正确配置 PublicURLBase", status)
|
|
||||||
}
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
// DeleteUploaded removes the temporary object from S3 if the provider supports
|
|
||||||
// deletion. It is best-effort: a nil return means either success or that the
|
|
||||||
// provider cannot delete.
|
|
||||||
func (s *CaptureSummaryService) DeleteUploaded(ctx context.Context, key string) error {
|
|
||||||
if key == "" {
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
deleter, ok := s.Provider.(ObjectDeleter)
|
|
||||||
if !ok {
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
return deleter.Delete(ctx, key)
|
|
||||||
}
|
|
||||||
|
|
||||||
// Summarize asks the configured model to summarize the image reference, which
|
|
||||||
// may be a public URL or an inline base64 data URL.
|
|
||||||
func (s *CaptureSummaryService) Summarize(ctx context.Context, imageURL string) (string, error) {
|
|
||||||
if s.Summarizer == nil {
|
|
||||||
return "", fmt.Errorf("llm is not configured")
|
|
||||||
}
|
|
||||||
return s.Summarizer.SummarizeImage(ctx, s.Prompt, imageURL)
|
|
||||||
}
|
|
||||||
|
|
||||||
// CopySummary writes the final summary text to the clipboard.
|
|
||||||
func (s *CaptureSummaryService) CopySummary(_ context.Context, summary string) error {
|
|
||||||
if summary == "" {
|
|
||||||
return fmt.Errorf("empty summary")
|
|
||||||
}
|
|
||||||
if s.Clipboard == nil {
|
|
||||||
return fmt.Errorf("clipboard is not configured")
|
|
||||||
}
|
|
||||||
if err := s.Clipboard.WriteText(summary); err != nil {
|
|
||||||
return fmt.Errorf("clipboard write failed: %w", err)
|
|
||||||
}
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
@@ -1,140 +0,0 @@
|
|||||||
package application
|
|
||||||
|
|
||||||
import (
|
|
||||||
"context"
|
|
||||||
"strings"
|
|
||||||
"testing"
|
|
||||||
)
|
|
||||||
|
|
||||||
type fakeOSSProvider struct {
|
|
||||||
key string
|
|
||||||
data []byte
|
|
||||||
contentType string
|
|
||||||
url string
|
|
||||||
deletedKey string
|
|
||||||
}
|
|
||||||
|
|
||||||
func (f *fakeOSSProvider) Upload(_ context.Context, key string, data []byte, contentType string) (string, error) {
|
|
||||||
f.key = key
|
|
||||||
f.data = append([]byte(nil), data...)
|
|
||||||
f.contentType = contentType
|
|
||||||
if f.url == "" {
|
|
||||||
return "https://cdn.example.com/" + key, nil
|
|
||||||
}
|
|
||||||
return f.url, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func (f *fakeOSSProvider) Name() string { return "fake" }
|
|
||||||
|
|
||||||
func (f *fakeOSSProvider) Delete(_ context.Context, key string) error {
|
|
||||||
f.deletedKey = key
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
type fakeSummarizer struct {
|
|
||||||
prompt string
|
|
||||||
url string
|
|
||||||
text string
|
|
||||||
}
|
|
||||||
|
|
||||||
func (f *fakeSummarizer) SummarizeImage(_ context.Context, prompt string, imageURL string) (string, error) {
|
|
||||||
f.prompt = prompt
|
|
||||||
f.url = imageURL
|
|
||||||
if f.text == "" {
|
|
||||||
return "summary text", nil
|
|
||||||
}
|
|
||||||
return f.text, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestCaptureSummaryServiceUploadsSummarizesAndCopies(t *testing.T) {
|
|
||||||
ctx := context.Background()
|
|
||||||
provider := &fakeOSSProvider{}
|
|
||||||
summarizer := &fakeSummarizer{}
|
|
||||||
clip := &fakeClipboard{}
|
|
||||||
svc := &CaptureSummaryService{
|
|
||||||
Provider: provider,
|
|
||||||
Summarizer: summarizer,
|
|
||||||
Clipboard: clip,
|
|
||||||
Prompt: "describe screenshot",
|
|
||||||
PathPrefix: "snapgo/",
|
|
||||||
}
|
|
||||||
|
|
||||||
uploaded, err := svc.UploadImage(ctx, []byte("png"))
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("upload image: %v", err)
|
|
||||||
}
|
|
||||||
if provider.contentType != "image/png" {
|
|
||||||
t.Fatalf("expected image/png content type, got %q", provider.contentType)
|
|
||||||
}
|
|
||||||
if string(provider.data) != "png" {
|
|
||||||
t.Fatalf("expected uploaded png bytes, got %q", string(provider.data))
|
|
||||||
}
|
|
||||||
|
|
||||||
summary, err := svc.Summarize(ctx, uploaded.URL)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("summarize: %v", err)
|
|
||||||
}
|
|
||||||
if summarizer.prompt != "describe screenshot" {
|
|
||||||
t.Fatalf("expected prompt forwarded, got %q", summarizer.prompt)
|
|
||||||
}
|
|
||||||
if summarizer.url != uploaded.URL {
|
|
||||||
t.Fatalf("expected uploaded url forwarded, got %q", summarizer.url)
|
|
||||||
}
|
|
||||||
if summary != "summary text" {
|
|
||||||
t.Fatalf("expected summary text, got %q", summary)
|
|
||||||
}
|
|
||||||
|
|
||||||
if err := svc.CopySummary(ctx, summary); err != nil {
|
|
||||||
t.Fatalf("copy summary: %v", err)
|
|
||||||
}
|
|
||||||
if clip.text != "summary text" {
|
|
||||||
t.Fatalf("expected summary copied, got %q", clip.text)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestCaptureSummaryServiceInlineDataURL(t *testing.T) {
|
|
||||||
svc := &CaptureSummaryService{MaxInlineBytes: 10}
|
|
||||||
|
|
||||||
if !svc.CanInline([]byte("small")) {
|
|
||||||
t.Fatalf("expected 5-byte payload to be inlinable under 10-byte cap")
|
|
||||||
}
|
|
||||||
if svc.CanInline([]byte("this is definitely too big")) {
|
|
||||||
t.Fatalf("expected oversized payload to be rejected for inlining")
|
|
||||||
}
|
|
||||||
|
|
||||||
url := svc.InlineDataURL([]byte("png"))
|
|
||||||
if !strings.HasPrefix(url, "data:image/png;base64,") {
|
|
||||||
t.Fatalf("expected base64 data URL prefix, got %q", url)
|
|
||||||
}
|
|
||||||
if strings.Contains(url, "https://") {
|
|
||||||
t.Fatalf("inline URL must not be a remote URL, got %q", url)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestCaptureSummaryServiceDeleteUploadedUsesDeleter(t *testing.T) {
|
|
||||||
provider := &fakeOSSProvider{}
|
|
||||||
svc := &CaptureSummaryService{Provider: provider}
|
|
||||||
|
|
||||||
if err := svc.DeleteUploaded(context.Background(), "snapgo/a.png"); err != nil {
|
|
||||||
t.Fatalf("delete uploaded: %v", err)
|
|
||||||
}
|
|
||||||
if provider.deletedKey != "snapgo/a.png" {
|
|
||||||
t.Fatalf("expected object deleted, got %q", provider.deletedKey)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestCaptureSummaryServiceDeleteUploadedNoDeleterIsNoop(t *testing.T) {
|
|
||||||
// A provider without Delete must not error when cleanup is requested.
|
|
||||||
svc := &CaptureSummaryService{Provider: nonDeletingProvider{}}
|
|
||||||
if err := svc.DeleteUploaded(context.Background(), "snapgo/a.png"); err != nil {
|
|
||||||
t.Fatalf("expected no-op delete, got %v", err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
type nonDeletingProvider struct{}
|
|
||||||
|
|
||||||
func (nonDeletingProvider) Upload(_ context.Context, _ string, _ []byte, _ string) (string, error) {
|
|
||||||
return "https://cdn.example.com/x.png", nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func (nonDeletingProvider) Name() string { return "no-delete" }
|
|
||||||
+15
-315
@@ -42,6 +42,11 @@ type S3Config struct {
|
|||||||
// `kinit` is reused. Native GSSAPI is required here
|
// `kinit` is reused. Native GSSAPI is required here
|
||||||
// because macOS stores tickets in an API: ccache
|
// because macOS stores tickets in an API: ccache
|
||||||
// that pure-Go SSH libraries cannot read.
|
// that pure-Go SSH libraries cannot read.
|
||||||
|
// "bgo" → delegate to the internal `bgo scp` client which
|
||||||
|
// handles its own auth/credential management. bgo
|
||||||
|
// must run under a PTY and cannot create remote
|
||||||
|
// directories, so this mode uploads to the user's
|
||||||
|
// remote $HOME with a flat, timestamped filename.
|
||||||
// "" / "builtin" → legacy combined behaviour (password → agent → key
|
// "" / "builtin" → legacy combined behaviour (password → agent → key
|
||||||
// files) kept only for backward compatibility with
|
// files) kept only for backward compatibility with
|
||||||
// configs written before the method was split.
|
// configs written before the method was split.
|
||||||
@@ -72,64 +77,6 @@ type SSHConfig struct {
|
|||||||
ConnectTimeoutSecs int `json:"connectTimeoutSecs"`
|
ConnectTimeoutSecs int `json:"connectTimeoutSecs"`
|
||||||
}
|
}
|
||||||
|
|
||||||
// LLMProviderConfig stores one OpenAI-compatible multimodal chat endpoint.
|
|
||||||
//
|
|
||||||
// The three built-in providers (Qwen, Doubao/Ark, OpenAI-compatible) all use
|
|
||||||
// the same request shape: chat/completions with a user content array that
|
|
||||||
// contains text plus an image_url item. Keeping them as provider records lets
|
|
||||||
// users switch between credentials/models without retyping every field.
|
|
||||||
type LLMProviderConfig struct {
|
|
||||||
Label string `json:"label"`
|
|
||||||
BaseURL string `json:"baseUrl"`
|
|
||||||
APIKey string `json:"apiKey"`
|
|
||||||
Model string `json:"model"`
|
|
||||||
MaxTokens int `json:"maxTokens"`
|
|
||||||
Temperature float64 `json:"temperature"`
|
|
||||||
TimeoutSecs int `json:"timeoutSecs"`
|
|
||||||
// MaxInlineBytes caps the screenshot size (in bytes of the PNG payload)
|
|
||||||
// that may be sent inline as a base64 data URL. Above this threshold the
|
|
||||||
// summary pipeline falls back to uploading the image to S3 and passing a
|
|
||||||
// public URL instead, because most providers reject oversized inline
|
|
||||||
// images. A value <= 0 means "use the built-in default".
|
|
||||||
MaxInlineBytes int `json:"maxInlineBytes"`
|
|
||||||
}
|
|
||||||
|
|
||||||
// DefaultMaxInlineBytes is the fallback inline-image cap (~4 MiB) used when a
|
|
||||||
// provider config does not specify MaxInlineBytes. It is a conservative bound
|
|
||||||
// that keeps a single base64 data URL within the request-size limits accepted
|
|
||||||
// by the common OpenAI-compatible multimodal endpoints.
|
|
||||||
const DefaultMaxInlineBytes = 4 << 20
|
|
||||||
|
|
||||||
// LLMConfig controls screenshot summarisation.
|
|
||||||
type LLMConfig struct {
|
|
||||||
ActiveProvider string `json:"activeProvider"`
|
|
||||||
Prompt string `json:"prompt"`
|
|
||||||
Providers map[string]LLMProviderConfig `json:"providers"`
|
|
||||||
}
|
|
||||||
|
|
||||||
// OCRProviderConfig stores one cloud OCR endpoint that accepts a screenshot
|
|
||||||
// image and returns extracted text. Aliyun and Volcengine both authenticate
|
|
||||||
// with an AccessKey pair, but their signing schemes use slightly different
|
|
||||||
// endpoint metadata; keeping Region/Service/Action/Version configurable lets
|
|
||||||
// the presets track official API changes without a schema rewrite.
|
|
||||||
type OCRProviderConfig struct {
|
|
||||||
Label string `json:"label"`
|
|
||||||
Endpoint string `json:"endpoint"`
|
|
||||||
AccessKeyID string `json:"accessKeyId"`
|
|
||||||
AccessKeySecret string `json:"accessKeySecret"`
|
|
||||||
Region string `json:"region"`
|
|
||||||
Service string `json:"service"`
|
|
||||||
Action string `json:"action"`
|
|
||||||
Version string `json:"version"`
|
|
||||||
TimeoutSecs int `json:"timeoutSecs"`
|
|
||||||
}
|
|
||||||
|
|
||||||
// OCRConfig controls screenshot text extraction.
|
|
||||||
type OCRConfig struct {
|
|
||||||
ActiveProvider string `json:"activeProvider"`
|
|
||||||
Providers map[string]OCRProviderConfig `json:"providers"`
|
|
||||||
}
|
|
||||||
|
|
||||||
// SSH authentication method identifiers stored in SSHConfig.AuthMethod.
|
// SSH authentication method identifiers stored in SSHConfig.AuthMethod.
|
||||||
const (
|
const (
|
||||||
// SSHAuthBuiltin is the legacy combined method (password → agent → key
|
// SSHAuthBuiltin is the legacy combined method (password → agent → key
|
||||||
@@ -143,42 +90,22 @@ const (
|
|||||||
// SSHAuthKerberos delegates to the system ssh binary so an existing
|
// SSHAuthKerberos delegates to the system ssh binary so an existing
|
||||||
// Kerberos credential cache (populated by `kinit`) is reused via GSSAPI.
|
// Kerberos credential cache (populated by `kinit`) is reused via GSSAPI.
|
||||||
SSHAuthKerberos = "kerberos"
|
SSHAuthKerberos = "kerberos"
|
||||||
|
// SSHAuthBgo delegates to the internal `bgo scp` client, which manages
|
||||||
|
// its own authentication. bgo requires a PTY and cannot create remote
|
||||||
|
// directories, so uploads land flat in the remote $HOME.
|
||||||
|
SSHAuthBgo = "bgo"
|
||||||
)
|
)
|
||||||
|
|
||||||
// Built-in LLM provider identifiers.
|
|
||||||
const (
|
|
||||||
LLMProviderQwen = "qwen"
|
|
||||||
LLMProviderDoubao = "doubao"
|
|
||||||
LLMProviderOpenAI = "openai"
|
|
||||||
)
|
|
||||||
|
|
||||||
// Built-in OCR provider identifiers.
|
|
||||||
const (
|
|
||||||
OCRProviderAliyun = "aliyun"
|
|
||||||
OCRProviderVolcengine = "volcengine"
|
|
||||||
)
|
|
||||||
|
|
||||||
// Theme preference identifiers stored in AppConfig.Theme.
|
|
||||||
const (
|
|
||||||
ThemeAuto = "auto"
|
|
||||||
ThemeLight = "light"
|
|
||||||
ThemeDark = "dark"
|
|
||||||
)
|
|
||||||
|
|
||||||
const DefaultSummaryPrompt = `你是一个截图内容总结助手。请阅读截图，并用中文输出一段适合直接粘贴到聊天、工单、Issue 或 PR 中的说明。
|
|
||||||
|
|
||||||
要求：
|
|
||||||
- 先说明截图中最重要的信息和用户可能想表达的意图。
|
|
||||||
- 如果截图包含报错、异常状态、表格、代码、界面控件或关键数字，请准确提取。
|
|
||||||
- 如果截图内容不足以判断，不要编造；直接说明不确定点。
|
|
||||||
- 输出尽量简洁，默认 3 到 6 条要点。
|
|
||||||
- 不要输出 Markdown 标题，不要寒暄。`
|
|
||||||
|
|
||||||
// IsKerberos reports whether this config requests Kerberos/GSSAPI auth.
|
// IsKerberos reports whether this config requests Kerberos/GSSAPI auth.
|
||||||
func (c SSHConfig) IsKerberos() bool {
|
func (c SSHConfig) IsKerberos() bool {
|
||||||
return c.AuthMethod == SSHAuthKerberos
|
return c.AuthMethod == SSHAuthKerberos
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// IsBgo reports whether this config requests the internal bgo client.
|
||||||
|
func (c SSHConfig) IsBgo() bool {
|
||||||
|
return c.AuthMethod == SSHAuthBgo
|
||||||
|
}
|
||||||
|
|
||||||
// AppConfig is the top-level on-disk configuration document.
|
// AppConfig is the top-level on-disk configuration document.
|
||||||
//
|
//
|
||||||
// We keep S3 / SSH nested so that adding more providers later (e.g. AliyunOSS,
|
// We keep S3 / SSH nested so that adding more providers later (e.g. AliyunOSS,
|
||||||
@@ -189,28 +116,18 @@ type AppConfig struct {
|
|||||||
// in the infrastructure hotkey adapter.
|
// in the infrastructure hotkey adapter.
|
||||||
Hotkey string `json:"hotkey"`
|
Hotkey string `json:"hotkey"`
|
||||||
|
|
||||||
// Theme controls the settings UI appearance: "auto", "light", or "dark".
|
|
||||||
Theme string `json:"theme"`
|
|
||||||
|
|
||||||
// S3 holds the active S3-compatible storage configuration.
|
// S3 holds the active S3-compatible storage configuration.
|
||||||
S3 S3Config `json:"s3"`
|
S3 S3Config `json:"s3"`
|
||||||
|
|
||||||
// SSH holds the configuration for the optional "save to remote via scp"
|
// SSH holds the configuration for the optional "save to remote via scp"
|
||||||
// destination triggered by the save-remote toolbar button.
|
// destination triggered by the save-remote toolbar button.
|
||||||
SSH SSHConfig `json:"ssh"`
|
SSH SSHConfig `json:"ssh"`
|
||||||
|
|
||||||
// LLM holds provider settings for the "copy summary" screenshot action.
|
|
||||||
LLM LLMConfig `json:"llm"`
|
|
||||||
|
|
||||||
// OCR holds provider settings for the "extract text" screenshot action.
|
|
||||||
OCR OCRConfig `json:"ocr"`
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// DefaultAppConfig returns sane zero-value defaults used on first launch.
|
// DefaultAppConfig returns sane zero-value defaults used on first launch.
|
||||||
func DefaultAppConfig() AppConfig {
|
func DefaultAppConfig() AppConfig {
|
||||||
cfg := AppConfig{
|
return AppConfig{
|
||||||
Hotkey: "cmd+shift+a",
|
Hotkey: "cmd+shift+a",
|
||||||
Theme: ThemeAuto,
|
|
||||||
S3: S3Config{
|
S3: S3Config{
|
||||||
PathPrefix: "snapgo/",
|
PathPrefix: "snapgo/",
|
||||||
UsePathStyle: true,
|
UsePathStyle: true,
|
||||||
@@ -221,176 +138,6 @@ func DefaultAppConfig() AppConfig {
|
|||||||
ConnectTimeoutSecs: 10,
|
ConnectTimeoutSecs: 10,
|
||||||
StrictHostKey: false,
|
StrictHostKey: false,
|
||||||
},
|
},
|
||||||
LLM: DefaultLLMConfig(),
|
|
||||||
OCR: DefaultOCRConfig(),
|
|
||||||
}
|
|
||||||
cfg.Normalize()
|
|
||||||
return cfg
|
|
||||||
}
|
|
||||||
|
|
||||||
// DefaultLLMConfig returns the built-in provider presets. API keys and exact
|
|
||||||
// models remain user-editable because each provider account may expose
|
|
||||||
// different model names / endpoint IDs.
|
|
||||||
func DefaultLLMConfig() LLMConfig {
|
|
||||||
return LLMConfig{
|
|
||||||
ActiveProvider: LLMProviderOpenAI,
|
|
||||||
Prompt: DefaultSummaryPrompt,
|
|
||||||
Providers: map[string]LLMProviderConfig{
|
|
||||||
LLMProviderQwen: {
|
|
||||||
Label: "阿里千问多模态",
|
|
||||||
BaseURL: "https://dashscope.aliyuncs.com/compatible-mode/v1",
|
|
||||||
Model: "qwen-vl-plus",
|
|
||||||
MaxTokens: 600,
|
|
||||||
Temperature: 0.2,
|
|
||||||
TimeoutSecs: 60,
|
|
||||||
MaxInlineBytes: DefaultMaxInlineBytes,
|
|
||||||
},
|
|
||||||
LLMProviderDoubao: {
|
|
||||||
Label: "火山方舟豆包多模态",
|
|
||||||
BaseURL: "https://ark.cn-beijing.volces.com/api/v3",
|
|
||||||
Model: "",
|
|
||||||
MaxTokens: 600,
|
|
||||||
Temperature: 0.2,
|
|
||||||
TimeoutSecs: 60,
|
|
||||||
MaxInlineBytes: DefaultMaxInlineBytes,
|
|
||||||
},
|
|
||||||
LLMProviderOpenAI: {
|
|
||||||
Label: "ChatGPT / OpenAI-compatible",
|
|
||||||
BaseURL: "https://api.openai.com/v1",
|
|
||||||
Model: "gpt-5.5",
|
|
||||||
MaxTokens: 600,
|
|
||||||
Temperature: 0.2,
|
|
||||||
TimeoutSecs: 60,
|
|
||||||
MaxInlineBytes: DefaultMaxInlineBytes,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// DefaultOCRConfig returns the built-in OCR provider presets. Users only need
|
|
||||||
// to fill AccessKey credentials for the common regions/actions, while advanced
|
|
||||||
// accounts can still override endpoint metadata from the settings UI.
|
|
||||||
func DefaultOCRConfig() OCRConfig {
|
|
||||||
return OCRConfig{
|
|
||||||
ActiveProvider: OCRProviderAliyun,
|
|
||||||
Providers: map[string]OCRProviderConfig{
|
|
||||||
OCRProviderAliyun: {
|
|
||||||
Label: "阿里云文字识别",
|
|
||||||
Endpoint: "https://ocr-api.cn-hangzhou.aliyuncs.com",
|
|
||||||
Action: "RecognizeGeneral",
|
|
||||||
Version: "2021-07-07",
|
|
||||||
TimeoutSecs: 30,
|
|
||||||
},
|
|
||||||
OCRProviderVolcengine: {
|
|
||||||
Label: "火山引擎文字识别",
|
|
||||||
Endpoint: "https://visual.volcengineapi.com",
|
|
||||||
Region: "cn-north-1",
|
|
||||||
Service: "cv",
|
|
||||||
Action: "OCRNormal",
|
|
||||||
Version: "2020-08-26",
|
|
||||||
TimeoutSecs: 30,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Normalize fills defaults into configs written by older app versions while
|
|
||||||
// preserving any user-provided provider fields.
|
|
||||||
func (c *AppConfig) Normalize() {
|
|
||||||
if c.Hotkey == "" {
|
|
||||||
c.Hotkey = "cmd+shift+a"
|
|
||||||
}
|
|
||||||
if c.Theme != ThemeLight && c.Theme != ThemeDark && c.Theme != ThemeAuto {
|
|
||||||
c.Theme = ThemeAuto
|
|
||||||
}
|
|
||||||
if c.S3.PathPrefix == "" {
|
|
||||||
c.S3.PathPrefix = "snapgo/"
|
|
||||||
}
|
|
||||||
if c.SSH.Port == 0 {
|
|
||||||
c.SSH.Port = 22
|
|
||||||
}
|
|
||||||
if c.SSH.PathPrefix == "" {
|
|
||||||
c.SSH.PathPrefix = "snapgo/"
|
|
||||||
}
|
|
||||||
if c.SSH.ConnectTimeoutSecs == 0 {
|
|
||||||
c.SSH.ConnectTimeoutSecs = 10
|
|
||||||
}
|
|
||||||
|
|
||||||
defaultLLM := DefaultLLMConfig()
|
|
||||||
if c.LLM.ActiveProvider == "" {
|
|
||||||
c.LLM.ActiveProvider = defaultLLM.ActiveProvider
|
|
||||||
}
|
|
||||||
if c.LLM.Prompt == "" {
|
|
||||||
c.LLM.Prompt = defaultLLM.Prompt
|
|
||||||
}
|
|
||||||
if c.LLM.Providers == nil {
|
|
||||||
c.LLM.Providers = map[string]LLMProviderConfig{}
|
|
||||||
}
|
|
||||||
for id, def := range defaultLLM.Providers {
|
|
||||||
current, ok := c.LLM.Providers[id]
|
|
||||||
if !ok {
|
|
||||||
c.LLM.Providers[id] = def
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
if current.Label == "" {
|
|
||||||
current.Label = def.Label
|
|
||||||
}
|
|
||||||
if current.BaseURL == "" {
|
|
||||||
current.BaseURL = def.BaseURL
|
|
||||||
}
|
|
||||||
if current.Model == "" && id != LLMProviderDoubao {
|
|
||||||
current.Model = def.Model
|
|
||||||
}
|
|
||||||
if current.MaxTokens == 0 {
|
|
||||||
current.MaxTokens = def.MaxTokens
|
|
||||||
}
|
|
||||||
if current.Temperature < 0 {
|
|
||||||
current.Temperature = def.Temperature
|
|
||||||
}
|
|
||||||
if current.TimeoutSecs == 0 {
|
|
||||||
current.TimeoutSecs = def.TimeoutSecs
|
|
||||||
}
|
|
||||||
if current.MaxInlineBytes <= 0 {
|
|
||||||
current.MaxInlineBytes = DefaultMaxInlineBytes
|
|
||||||
}
|
|
||||||
c.LLM.Providers[id] = current
|
|
||||||
}
|
|
||||||
|
|
||||||
defaultOCR := DefaultOCRConfig()
|
|
||||||
if c.OCR.ActiveProvider == "" {
|
|
||||||
c.OCR.ActiveProvider = defaultOCR.ActiveProvider
|
|
||||||
}
|
|
||||||
if c.OCR.Providers == nil {
|
|
||||||
c.OCR.Providers = map[string]OCRProviderConfig{}
|
|
||||||
}
|
|
||||||
for id, def := range defaultOCR.Providers {
|
|
||||||
current, ok := c.OCR.Providers[id]
|
|
||||||
if !ok {
|
|
||||||
c.OCR.Providers[id] = def
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
if current.Label == "" {
|
|
||||||
current.Label = def.Label
|
|
||||||
}
|
|
||||||
if current.Endpoint == "" {
|
|
||||||
current.Endpoint = def.Endpoint
|
|
||||||
}
|
|
||||||
if current.Region == "" {
|
|
||||||
current.Region = def.Region
|
|
||||||
}
|
|
||||||
if current.Service == "" {
|
|
||||||
current.Service = def.Service
|
|
||||||
}
|
|
||||||
if current.Action == "" {
|
|
||||||
current.Action = def.Action
|
|
||||||
}
|
|
||||||
if current.Version == "" {
|
|
||||||
current.Version = def.Version
|
|
||||||
}
|
|
||||||
if current.TimeoutSecs == 0 {
|
|
||||||
current.TimeoutSecs = def.TimeoutSecs
|
|
||||||
}
|
|
||||||
c.OCR.Providers[id] = current
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -408,50 +155,3 @@ func (c AppConfig) IsS3Configured() bool {
|
|||||||
func (c AppConfig) IsSSHConfigured() bool {
|
func (c AppConfig) IsSSHConfigured() bool {
|
||||||
return c.SSH.Host != "" && c.SSH.User != ""
|
return c.SSH.Host != "" && c.SSH.User != ""
|
||||||
}
|
}
|
||||||
|
|
||||||
// ActiveLLMProvider returns the selected provider config plus a boolean
|
|
||||||
// indicating whether the selection exists.
|
|
||||||
func (c AppConfig) ActiveLLMProvider() (string, LLMProviderConfig, bool) {
|
|
||||||
id := c.LLM.ActiveProvider
|
|
||||||
if id == "" {
|
|
||||||
id = LLMProviderOpenAI
|
|
||||||
}
|
|
||||||
provider, ok := c.LLM.Providers[id]
|
|
||||||
return id, provider, ok
|
|
||||||
}
|
|
||||||
|
|
||||||
// IsLLMConfigured reports whether the selected multimodal provider has the
|
|
||||||
// fields required to make a request.
|
|
||||||
func (c AppConfig) IsLLMConfigured() bool {
|
|
||||||
_, provider, ok := c.ActiveLLMProvider()
|
|
||||||
return ok && provider.BaseURL != "" && provider.APIKey != "" && provider.Model != ""
|
|
||||||
}
|
|
||||||
|
|
||||||
// ActiveOCRProvider returns the selected OCR provider config plus a boolean
|
|
||||||
// indicating whether the selection exists.
|
|
||||||
func (c AppConfig) ActiveOCRProvider() (string, OCRProviderConfig, bool) {
|
|
||||||
id := c.OCR.ActiveProvider
|
|
||||||
if id == "" {
|
|
||||||
id = OCRProviderAliyun
|
|
||||||
}
|
|
||||||
provider, ok := c.OCR.Providers[id]
|
|
||||||
return id, provider, ok
|
|
||||||
}
|
|
||||||
|
|
||||||
// IsOCRConfigured reports whether the selected OCR provider has the fields
|
|
||||||
// required to sign and send a request.
|
|
||||||
func (c AppConfig) IsOCRConfigured() bool {
|
|
||||||
id, provider, ok := c.ActiveOCRProvider()
|
|
||||||
if !ok ||
|
|
||||||
provider.Endpoint == "" ||
|
|
||||||
provider.AccessKeyID == "" ||
|
|
||||||
provider.AccessKeySecret == "" ||
|
|
||||||
provider.Action == "" ||
|
|
||||||
provider.Version == "" {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
if id == OCRProviderVolcengine && (provider.Region == "" || provider.Service == "") {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -65,7 +65,6 @@ func (s *FileStore) Load() (domain.AppConfig, error) {
|
|||||||
if err := json.Unmarshal(data, &cfg); err != nil {
|
if err := json.Unmarshal(data, &cfg); err != nil {
|
||||||
return domain.DefaultAppConfig(), fmt.Errorf("parse config: %w", err)
|
return domain.DefaultAppConfig(), fmt.Errorf("parse config: %w", err)
|
||||||
}
|
}
|
||||||
cfg.Normalize()
|
|
||||||
return cfg, nil
|
return cfg, nil
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -75,7 +74,6 @@ func (s *FileStore) Save(cfg domain.AppConfig) error {
|
|||||||
s.mu.Lock()
|
s.mu.Lock()
|
||||||
defer s.mu.Unlock()
|
defer s.mu.Unlock()
|
||||||
|
|
||||||
cfg.Normalize()
|
|
||||||
data, err := json.MarshalIndent(cfg, "", " ")
|
data, err := json.MarshalIndent(cfg, "", " ")
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return fmt.Errorf("marshal config: %w", err)
|
return fmt.Errorf("marshal config: %w", err)
|
||||||
|
|||||||
@@ -104,7 +104,7 @@ func parseSpec(spec string) ([]hk.Modifier, hk.Key, error) {
|
|||||||
case "option", "alt":
|
case "option", "alt":
|
||||||
mods = append(mods, modOption())
|
mods = append(mods, modOption())
|
||||||
case "shift":
|
case "shift":
|
||||||
mods = append(mods, modShift())
|
mods = append(mods, hk.ModShift)
|
||||||
default:
|
default:
|
||||||
k, ok := lookupKey(p)
|
k, ok := lookupKey(p)
|
||||||
if !ok {
|
if !ok {
|
||||||
|
|||||||
@@ -1,15 +1,10 @@
|
|||||||
//go:build darwin && cgo
|
//go:build darwin
|
||||||
|
|
||||||
package hotkey
|
package hotkey
|
||||||
|
|
||||||
import hk "golang.design/x/hotkey"
|
import hk "golang.design/x/hotkey"
|
||||||
|
|
||||||
// macOS uses ⌘ as the primary modifier; Option corresponds to Alt.
|
// macOS uses ⌘ as the primary modifier; Option corresponds to Alt.
|
||||||
//
|
|
||||||
// This file is gated on cgo because golang.design/x/hotkey only exposes the
|
|
||||||
// Mod* constants from its cgo-backed darwin implementation; with CGO_ENABLED=0
|
|
||||||
// the package falls back to a stub that defines no constants.
|
|
||||||
func modCmd() hk.Modifier { return hk.ModCmd }
|
func modCmd() hk.Modifier { return hk.ModCmd }
|
||||||
func modCtrl() hk.Modifier { return hk.ModCtrl }
|
func modCtrl() hk.Modifier { return hk.ModCtrl }
|
||||||
func modOption() hk.Modifier { return hk.ModOption }
|
func modOption() hk.Modifier { return hk.ModOption }
|
||||||
func modShift() hk.Modifier { return hk.ModShift }
|
|
||||||
|
|||||||
@@ -1,18 +0,0 @@
|
|||||||
//go:build linux && cgo
|
|
||||||
|
|
||||||
package hotkey
|
|
||||||
|
|
||||||
import hk "golang.design/x/hotkey"
|
|
||||||
|
|
||||||
// On Linux we map "cmd" to Ctrl so the same config string ("cmd+shift+a")
|
|
||||||
// stays meaningful across platforms.
|
|
||||||
//
|
|
||||||
// The X11 backend exposes modifiers as Mod1..Mod5 rather than named Alt/Option
|
|
||||||
// constants; Mod1 is the conventional Alt mask under X11, so "option"/"alt"
|
|
||||||
// resolve to hk.Mod1. This file is gated on cgo because the constants only
|
|
||||||
// exist in the cgo-backed linux implementation (CGO_ENABLED=0 falls back to a
|
|
||||||
// stub with no constants).
|
|
||||||
func modCmd() hk.Modifier { return hk.ModCtrl }
|
|
||||||
func modCtrl() hk.Modifier { return hk.ModCtrl }
|
|
||||||
func modOption() hk.Modifier { return hk.Mod1 }
|
|
||||||
func modShift() hk.Modifier { return hk.ModShift }
|
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
//go:build !darwin
|
||||||
|
|
||||||
|
package hotkey
|
||||||
|
|
||||||
|
import hk "golang.design/x/hotkey"
|
||||||
|
|
||||||
|
// On Windows / Linux we map "cmd" to Ctrl so the same config string works
|
||||||
|
// across platforms; "option" is treated as Alt.
|
||||||
|
func modCmd() hk.Modifier { return hk.ModCtrl }
|
||||||
|
func modCtrl() hk.Modifier { return hk.ModCtrl }
|
||||||
|
func modOption() hk.Modifier { return hk.ModAlt }
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
//go:build !windows && !cgo
|
|
||||||
|
|
||||||
package hotkey
|
|
||||||
|
|
||||||
import hk "golang.design/x/hotkey"
|
|
||||||
|
|
||||||
// This file covers the configuration where golang.design/x/hotkey compiles its
|
|
||||||
// cgo-less stub (any non-Windows platform built with CGO_ENABLED=0). In that
|
|
||||||
// stub the package defines the Modifier/Key types but no Mod*/Key* constants,
|
|
||||||
// and Register panics at runtime. We still provide the package-internal
|
|
||||||
// helpers so that snapgo keeps cross-compiling (e.g. `go vet`, editor analysis,
|
|
||||||
// or CI cross-builds) without pulling in a C toolchain.
|
|
||||||
//
|
|
||||||
// The returned values are inert zero modifiers and lookupKey always reports
|
|
||||||
// "unsupported": callers on this build cannot register a real global hotkey,
|
|
||||||
// so surfacing an "unsupported token" parse error is preferable to reaching
|
|
||||||
// the upstream panic.
|
|
||||||
func modCmd() hk.Modifier { return 0 }
|
|
||||||
func modCtrl() hk.Modifier { return 0 }
|
|
||||||
func modOption() hk.Modifier { return 0 }
|
|
||||||
func modShift() hk.Modifier { return 0 }
|
|
||||||
|
|
||||||
// lookupKey has no key constants to map against in the cgo-less stub, so it
|
|
||||||
// always reports the token as unsupported.
|
|
||||||
func lookupKey(string) (hk.Key, bool) { return 0, false }
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
//go:build windows
|
|
||||||
|
|
||||||
package hotkey
|
|
||||||
|
|
||||||
import hk "golang.design/x/hotkey"
|
|
||||||
|
|
||||||
// On Windows we map "cmd" to Ctrl so the same config string ("cmd+shift+a")
|
|
||||||
// stays meaningful across platforms; "option" is treated as Alt. The Windows
|
|
||||||
// backend does not require cgo, hence the single-tag guard.
|
|
||||||
func modCmd() hk.Modifier { return hk.ModCtrl }
|
|
||||||
func modCtrl() hk.Modifier { return hk.ModCtrl }
|
|
||||||
func modOption() hk.Modifier { return hk.ModAlt }
|
|
||||||
func modShift() hk.Modifier { return hk.ModShift }
|
|
||||||
@@ -1,15 +1,9 @@
|
|||||||
//go:build windows || cgo
|
|
||||||
|
|
||||||
package hotkey
|
package hotkey
|
||||||
|
|
||||||
import hk "golang.design/x/hotkey"
|
import hk "golang.design/x/hotkey"
|
||||||
|
|
||||||
// lookupKey maps a token from the user-supplied hotkey spec to a hk.Key.
|
// lookupKey maps a token from the user-supplied hotkey spec to a hk.Key.
|
||||||
//
|
//
|
||||||
// The Key* constants only exist in the platform backends that ship them
|
|
||||||
// (windows, or the cgo-backed darwin/linux implementations); the cgo-less stub
|
|
||||||
// in hotkey_unsupported.go provides a fallback lookupKey for the complement.
|
|
||||||
//
|
|
||||||
// The map is intentionally exhaustive over the alphanumeric set so we never
|
// The map is intentionally exhaustive over the alphanumeric set so we never
|
||||||
// rely on an assumption that hk.KeyA..hk.KeyZ are contiguous values — the
|
// rely on an assumption that hk.KeyA..hk.KeyZ are contiguous values — the
|
||||||
// upstream package gives no such guarantee.
|
// upstream package gives no such guarantee.
|
||||||
|
|||||||
@@ -1,174 +0,0 @@
|
|||||||
// Package llm contains multimodal LLM adapters.
|
|
||||||
//
|
|
||||||
// The built-in providers are intentionally implemented through the
|
|
||||||
// OpenAI-compatible chat/completions shape. Qwen DashScope, Volcengine Ark,
|
|
||||||
// and OpenAI-compatible gateways all accept the same "text + image_url"
|
|
||||||
// message content pattern, so one small HTTP adapter is enough here.
|
|
||||||
package llm
|
|
||||||
|
|
||||||
import (
|
|
||||||
"bytes"
|
|
||||||
"context"
|
|
||||||
"encoding/json"
|
|
||||||
"fmt"
|
|
||||||
"io"
|
|
||||||
"net/http"
|
|
||||||
"strings"
|
|
||||||
"time"
|
|
||||||
|
|
||||||
"github.com/mmmy/snapgo/internal/domain"
|
|
||||||
)
|
|
||||||
|
|
||||||
// VisionClient calls one configured multimodal chat endpoint.
|
|
||||||
type VisionClient struct {
|
|
||||||
providerID string
|
|
||||||
cfg domain.LLMProviderConfig
|
|
||||||
httpClient *http.Client
|
|
||||||
}
|
|
||||||
|
|
||||||
// NewVisionClient validates cfg and returns a reusable client.
|
|
||||||
func NewVisionClient(providerID string, cfg domain.LLMProviderConfig) (*VisionClient, error) {
|
|
||||||
if strings.TrimSpace(cfg.BaseURL) == "" {
|
|
||||||
return nil, fmt.Errorf("llm base url is required")
|
|
||||||
}
|
|
||||||
if strings.TrimSpace(cfg.APIKey) == "" {
|
|
||||||
return nil, fmt.Errorf("llm api key is required")
|
|
||||||
}
|
|
||||||
if strings.TrimSpace(cfg.Model) == "" {
|
|
||||||
return nil, fmt.Errorf("llm model is required")
|
|
||||||
}
|
|
||||||
timeout := cfg.TimeoutSecs
|
|
||||||
if timeout <= 0 {
|
|
||||||
timeout = 60
|
|
||||||
}
|
|
||||||
return &VisionClient{
|
|
||||||
providerID: providerID,
|
|
||||||
cfg: cfg,
|
|
||||||
httpClient: &http.Client{Timeout: time.Duration(timeout) * time.Second},
|
|
||||||
}, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
// SummarizeImage asks the model to summarise an image available at imageURL.
|
|
||||||
func (c *VisionClient) SummarizeImage(ctx context.Context, prompt string, imageURL string) (string, error) {
|
|
||||||
prompt = strings.TrimSpace(prompt)
|
|
||||||
if prompt == "" {
|
|
||||||
return "", fmt.Errorf("llm prompt is empty")
|
|
||||||
}
|
|
||||||
imageURL = strings.TrimSpace(imageURL)
|
|
||||||
if imageURL == "" {
|
|
||||||
return "", fmt.Errorf("image url is empty")
|
|
||||||
}
|
|
||||||
|
|
||||||
body := map[string]any{
|
|
||||||
"model": c.cfg.Model,
|
|
||||||
"messages": []map[string]any{
|
|
||||||
{
|
|
||||||
"role": "user",
|
|
||||||
"content": []map[string]any{
|
|
||||||
{"type": "text", "text": prompt},
|
|
||||||
{"type": "image_url", "image_url": map[string]any{"url": imageURL}},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
if c.cfg.MaxTokens > 0 {
|
|
||||||
if c.providerID == domain.LLMProviderOpenAI {
|
|
||||||
body["max_completion_tokens"] = c.cfg.MaxTokens
|
|
||||||
} else {
|
|
||||||
body["max_tokens"] = c.cfg.MaxTokens
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if c.cfg.Temperature >= 0 {
|
|
||||||
body["temperature"] = c.cfg.Temperature
|
|
||||||
}
|
|
||||||
|
|
||||||
payload, err := json.Marshal(body)
|
|
||||||
if err != nil {
|
|
||||||
return "", fmt.Errorf("marshal llm request: %w", err)
|
|
||||||
}
|
|
||||||
req, err := http.NewRequestWithContext(ctx, http.MethodPost, chatCompletionsURL(c.cfg.BaseURL), bytes.NewReader(payload))
|
|
||||||
if err != nil {
|
|
||||||
return "", fmt.Errorf("build llm request: %w", err)
|
|
||||||
}
|
|
||||||
req.Header.Set("Content-Type", "application/json")
|
|
||||||
req.Header.Set("Authorization", "Bearer "+c.cfg.APIKey)
|
|
||||||
|
|
||||||
resp, err := c.httpClient.Do(req)
|
|
||||||
if err != nil {
|
|
||||||
return "", fmt.Errorf("llm request: %w", err)
|
|
||||||
}
|
|
||||||
defer resp.Body.Close()
|
|
||||||
data, _ := io.ReadAll(io.LimitReader(resp.Body, 4<<20))
|
|
||||||
if resp.StatusCode < 200 || resp.StatusCode >= 300 {
|
|
||||||
return "", fmt.Errorf("llm status %d: %s", resp.StatusCode, compactBody(data))
|
|
||||||
}
|
|
||||||
|
|
||||||
var decoded chatCompletionResponse
|
|
||||||
if err := json.Unmarshal(data, &decoded); err != nil {
|
|
||||||
return "", fmt.Errorf("decode llm response: %w", err)
|
|
||||||
}
|
|
||||||
if decoded.Error != nil && decoded.Error.Message != "" {
|
|
||||||
return "", fmt.Errorf("llm error: %s", decoded.Error.Message)
|
|
||||||
}
|
|
||||||
if len(decoded.Choices) == 0 {
|
|
||||||
return "", fmt.Errorf("llm response has no choices")
|
|
||||||
}
|
|
||||||
text := strings.TrimSpace(contentText(decoded.Choices[0].Message.Content))
|
|
||||||
if text == "" {
|
|
||||||
return "", fmt.Errorf("llm response is empty")
|
|
||||||
}
|
|
||||||
return text, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func chatCompletionsURL(baseURL string) string {
|
|
||||||
base := strings.TrimRight(strings.TrimSpace(baseURL), "/")
|
|
||||||
if strings.HasSuffix(base, "/chat/completions") {
|
|
||||||
return base
|
|
||||||
}
|
|
||||||
return base + "/chat/completions"
|
|
||||||
}
|
|
||||||
|
|
||||||
type chatCompletionResponse struct {
|
|
||||||
Choices []struct {
|
|
||||||
Message struct {
|
|
||||||
Content any `json:"content"`
|
|
||||||
} `json:"message"`
|
|
||||||
} `json:"choices"`
|
|
||||||
Error *struct {
|
|
||||||
Message string `json:"message"`
|
|
||||||
Type string `json:"type"`
|
|
||||||
Code any `json:"code"`
|
|
||||||
} `json:"error"`
|
|
||||||
}
|
|
||||||
|
|
||||||
func contentText(content any) string {
|
|
||||||
switch v := content.(type) {
|
|
||||||
case string:
|
|
||||||
return v
|
|
||||||
case []any:
|
|
||||||
parts := make([]string, 0, len(v))
|
|
||||||
for _, item := range v {
|
|
||||||
obj, ok := item.(map[string]any)
|
|
||||||
if !ok {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
if text, ok := obj["text"].(string); ok {
|
|
||||||
parts = append(parts, text)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return strings.Join(parts, "\n")
|
|
||||||
default:
|
|
||||||
return ""
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func compactBody(data []byte) string {
|
|
||||||
text := strings.TrimSpace(string(data))
|
|
||||||
if text == "" {
|
|
||||||
return "<empty body>"
|
|
||||||
}
|
|
||||||
if len(text) > 800 {
|
|
||||||
return text[:800] + "..."
|
|
||||||
}
|
|
||||||
return text
|
|
||||||
}
|
|
||||||
@@ -1,86 +0,0 @@
|
|||||||
package llm
|
|
||||||
|
|
||||||
import (
|
|
||||||
"bytes"
|
|
||||||
"context"
|
|
||||||
"encoding/json"
|
|
||||||
"io"
|
|
||||||
"net/http"
|
|
||||||
"testing"
|
|
||||||
|
|
||||||
"github.com/mmmy/snapgo/internal/domain"
|
|
||||||
)
|
|
||||||
|
|
||||||
type roundTripFunc func(*http.Request) (*http.Response, error)
|
|
||||||
|
|
||||||
func (f roundTripFunc) RoundTrip(req *http.Request) (*http.Response, error) {
|
|
||||||
return f(req)
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestVisionClientSummarizeImageUsesChatCompletionImageURL(t *testing.T) {
|
|
||||||
var requestBody map[string]any
|
|
||||||
transport := roundTripFunc(func(r *http.Request) (*http.Response, error) {
|
|
||||||
if r.URL.Path != "/v1/chat/completions" {
|
|
||||||
t.Fatalf("expected /v1/chat/completions, got %s", r.URL.Path)
|
|
||||||
}
|
|
||||||
if got := r.Header.Get("Authorization"); got != "Bearer test-key" {
|
|
||||||
t.Fatalf("unexpected auth header %q", got)
|
|
||||||
}
|
|
||||||
if err := json.NewDecoder(r.Body).Decode(&requestBody); err != nil {
|
|
||||||
t.Fatalf("decode request: %v", err)
|
|
||||||
}
|
|
||||||
return &http.Response{
|
|
||||||
StatusCode: http.StatusOK,
|
|
||||||
Header: http.Header{"Content-Type": []string{"application/json"}},
|
|
||||||
Body: io.NopCloser(bytes.NewBufferString(`{"choices":[{"message":{"content":"summary ok"}}]}`)),
|
|
||||||
}, nil
|
|
||||||
})
|
|
||||||
|
|
||||||
client, err := NewVisionClient(domain.LLMProviderQwen, domain.LLMProviderConfig{
|
|
||||||
BaseURL: "https://example.test/v1",
|
|
||||||
APIKey: "test-key",
|
|
||||||
Model: "qwen-vl-plus",
|
|
||||||
MaxTokens: 321,
|
|
||||||
Temperature: 0.2,
|
|
||||||
TimeoutSecs: 5,
|
|
||||||
})
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("new client: %v", err)
|
|
||||||
}
|
|
||||||
client.httpClient.Transport = transport
|
|
||||||
|
|
||||||
text, err := client.SummarizeImage(context.Background(), "describe", "https://cdn.example.com/a.png")
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("summarize image: %v", err)
|
|
||||||
}
|
|
||||||
if text != "summary ok" {
|
|
||||||
t.Fatalf("expected response text, got %q", text)
|
|
||||||
}
|
|
||||||
if requestBody["model"] != "qwen-vl-plus" {
|
|
||||||
t.Fatalf("expected model forwarded, got %#v", requestBody["model"])
|
|
||||||
}
|
|
||||||
if requestBody["max_tokens"] != float64(321) {
|
|
||||||
t.Fatalf("expected max_tokens forwarded, got %#v", requestBody["max_tokens"])
|
|
||||||
}
|
|
||||||
|
|
||||||
messages := requestBody["messages"].([]any)
|
|
||||||
content := messages[0].(map[string]any)["content"].([]any)
|
|
||||||
if content[0].(map[string]any)["text"] != "describe" {
|
|
||||||
t.Fatalf("expected prompt content, got %#v", content[0])
|
|
||||||
}
|
|
||||||
image := content[1].(map[string]any)
|
|
||||||
if image["type"] != "image_url" {
|
|
||||||
t.Fatalf("expected image_url item, got %#v", image)
|
|
||||||
}
|
|
||||||
url := image["image_url"].(map[string]any)["url"]
|
|
||||||
if url != "https://cdn.example.com/a.png" {
|
|
||||||
t.Fatalf("expected image url forwarded, got %#v", url)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestChatCompletionsURLAcceptsFullEndpoint(t *testing.T) {
|
|
||||||
full := "https://example.com/v1/chat/completions"
|
|
||||||
if got := chatCompletionsURL(full); got != full {
|
|
||||||
t.Fatalf("expected full endpoint unchanged, got %q", got)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,701 +0,0 @@
|
|||||||
// Package ocr contains cloud OCR adapters.
|
|
||||||
package ocr
|
|
||||||
|
|
||||||
import (
|
|
||||||
"bytes"
|
|
||||||
"context"
|
|
||||||
"crypto/hmac"
|
|
||||||
"crypto/rand"
|
|
||||||
"crypto/sha256"
|
|
||||||
"encoding/base64"
|
|
||||||
"encoding/hex"
|
|
||||||
"encoding/json"
|
|
||||||
"errors"
|
|
||||||
"fmt"
|
|
||||||
"io"
|
|
||||||
"net/http"
|
|
||||||
"net/url"
|
|
||||||
"sort"
|
|
||||||
"strings"
|
|
||||||
"time"
|
|
||||||
|
|
||||||
"github.com/mmmy/snapgo/internal/application"
|
|
||||||
"github.com/mmmy/snapgo/internal/domain"
|
|
||||||
)
|
|
||||||
|
|
||||||
// Client calls one configured OCR provider.
|
|
||||||
type Client struct {
|
|
||||||
providerID string
|
|
||||||
cfg domain.OCRProviderConfig
|
|
||||||
httpClient *http.Client
|
|
||||||
now func() time.Time
|
|
||||||
nonce func() string
|
|
||||||
}
|
|
||||||
|
|
||||||
var _ application.OCRRecognizer = (*Client)(nil)
|
|
||||||
|
|
||||||
// NewClient validates cfg and returns a reusable OCR client.
|
|
||||||
func NewClient(providerID string, cfg domain.OCRProviderConfig) (*Client, error) {
|
|
||||||
if strings.TrimSpace(cfg.Endpoint) == "" {
|
|
||||||
return nil, fmt.Errorf("ocr endpoint is required")
|
|
||||||
}
|
|
||||||
if strings.TrimSpace(cfg.AccessKeyID) == "" {
|
|
||||||
return nil, fmt.Errorf("ocr access key id is required")
|
|
||||||
}
|
|
||||||
if strings.TrimSpace(cfg.AccessKeySecret) == "" {
|
|
||||||
return nil, fmt.Errorf("ocr access key secret is required")
|
|
||||||
}
|
|
||||||
if strings.TrimSpace(cfg.Action) == "" {
|
|
||||||
return nil, fmt.Errorf("ocr action is required")
|
|
||||||
}
|
|
||||||
if strings.TrimSpace(cfg.Version) == "" {
|
|
||||||
return nil, fmt.Errorf("ocr version is required")
|
|
||||||
}
|
|
||||||
switch providerID {
|
|
||||||
case domain.OCRProviderAliyun:
|
|
||||||
case domain.OCRProviderVolcengine:
|
|
||||||
if strings.TrimSpace(cfg.Region) == "" {
|
|
||||||
return nil, fmt.Errorf("volcengine ocr region is required")
|
|
||||||
}
|
|
||||||
if strings.TrimSpace(cfg.Service) == "" {
|
|
||||||
return nil, fmt.Errorf("volcengine ocr service is required")
|
|
||||||
}
|
|
||||||
default:
|
|
||||||
return nil, fmt.Errorf("unsupported ocr provider %q", providerID)
|
|
||||||
}
|
|
||||||
timeout := cfg.TimeoutSecs
|
|
||||||
if timeout <= 0 {
|
|
||||||
timeout = 30
|
|
||||||
}
|
|
||||||
return &Client{
|
|
||||||
providerID: providerID,
|
|
||||||
cfg: cfg,
|
|
||||||
httpClient: &http.Client{Timeout: time.Duration(timeout) * time.Second},
|
|
||||||
now: time.Now,
|
|
||||||
nonce: randomNonce,
|
|
||||||
}, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
// RecognizeText extracts visible text from a PNG screenshot.
|
|
||||||
func (c *Client) RecognizeText(ctx context.Context, pngBytes []byte) (string, error) {
|
|
||||||
if len(pngBytes) == 0 {
|
|
||||||
return "", fmt.Errorf("empty screenshot")
|
|
||||||
}
|
|
||||||
switch c.providerID {
|
|
||||||
case domain.OCRProviderAliyun:
|
|
||||||
return c.recognizeAliyun(ctx, pngBytes)
|
|
||||||
case domain.OCRProviderVolcengine:
|
|
||||||
return c.recognizeVolcengine(ctx, pngBytes)
|
|
||||||
default:
|
|
||||||
return "", fmt.Errorf("unsupported ocr provider %q", c.providerID)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func (c *Client) recognizeAliyun(ctx context.Context, pngBytes []byte) (string, error) {
|
|
||||||
endpoint, err := parseEndpoint(c.cfg.Endpoint)
|
|
||||||
if err != nil {
|
|
||||||
return "", err
|
|
||||||
}
|
|
||||||
req, err := http.NewRequestWithContext(ctx, http.MethodPost, endpoint.String(), bytes.NewReader(pngBytes))
|
|
||||||
if err != nil {
|
|
||||||
return "", fmt.Errorf("build aliyun ocr request: %w", err)
|
|
||||||
}
|
|
||||||
req.Header.Set("Accept", "application/json")
|
|
||||||
req.Header.Set("Content-Type", "application/octet-stream")
|
|
||||||
c.signAliyun(req, pngBytes)
|
|
||||||
return c.doOCRRequest(req, "aliyun ocr")
|
|
||||||
}
|
|
||||||
|
|
||||||
func (c *Client) recognizeVolcengine(ctx context.Context, pngBytes []byte) (string, error) {
|
|
||||||
endpoint, err := parseEndpoint(c.cfg.Endpoint)
|
|
||||||
if err != nil {
|
|
||||||
return "", err
|
|
||||||
}
|
|
||||||
query := endpoint.Query()
|
|
||||||
query.Set("Action", c.cfg.Action)
|
|
||||||
query.Set("Version", c.cfg.Version)
|
|
||||||
endpoint.RawQuery = query.Encode()
|
|
||||||
|
|
||||||
body := map[string]string{
|
|
||||||
"image_base64": base64.StdEncoding.EncodeToString(pngBytes),
|
|
||||||
}
|
|
||||||
payload, err := json.Marshal(body)
|
|
||||||
if err != nil {
|
|
||||||
return "", fmt.Errorf("marshal volcengine ocr request: %w", err)
|
|
||||||
}
|
|
||||||
req, err := http.NewRequestWithContext(ctx, http.MethodPost, endpoint.String(), bytes.NewReader(payload))
|
|
||||||
if err != nil {
|
|
||||||
return "", fmt.Errorf("build volcengine ocr request: %w", err)
|
|
||||||
}
|
|
||||||
req.Header.Set("Accept", "application/json")
|
|
||||||
req.Header.Set("Content-Type", "application/json")
|
|
||||||
c.signVolcengine(req, payload)
|
|
||||||
return c.doOCRRequest(req, "volcengine ocr")
|
|
||||||
}
|
|
||||||
|
|
||||||
func (c *Client) doOCRRequest(req *http.Request, label string) (string, error) {
|
|
||||||
resp, err := c.httpClient.Do(req)
|
|
||||||
if err != nil {
|
|
||||||
return "", fmt.Errorf("%s request: %w", label, err)
|
|
||||||
}
|
|
||||||
defer resp.Body.Close()
|
|
||||||
data, _ := io.ReadAll(io.LimitReader(resp.Body, 8<<20))
|
|
||||||
if resp.StatusCode < 200 || resp.StatusCode >= 300 {
|
|
||||||
return "", fmt.Errorf("%s status %d: %s", label, resp.StatusCode, compactBody(data))
|
|
||||||
}
|
|
||||||
text, err := parseOCRText(data)
|
|
||||||
if err != nil {
|
|
||||||
return "", fmt.Errorf("%s response: %w", label, err)
|
|
||||||
}
|
|
||||||
return text, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func (c *Client) signAliyun(req *http.Request, payload []byte) {
|
|
||||||
now := c.now().UTC()
|
|
||||||
payloadHash := sha256Hex(payload)
|
|
||||||
nonce := c.nonce()
|
|
||||||
|
|
||||||
req.Header.Set("x-acs-action", c.cfg.Action)
|
|
||||||
req.Header.Set("x-acs-version", c.cfg.Version)
|
|
||||||
req.Header.Set("x-acs-date", now.Format("2006-01-02T15:04:05Z"))
|
|
||||||
req.Header.Set("x-acs-signature-nonce", nonce)
|
|
||||||
req.Header.Set("x-acs-content-sha256", payloadHash)
|
|
||||||
|
|
||||||
signedHeaders := []string{
|
|
||||||
"content-type",
|
|
||||||
"host",
|
|
||||||
"x-acs-action",
|
|
||||||
"x-acs-content-sha256",
|
|
||||||
"x-acs-date",
|
|
||||||
"x-acs-signature-nonce",
|
|
||||||
"x-acs-version",
|
|
||||||
}
|
|
||||||
canonicalHeaders := canonicalHeaders(req, signedHeaders)
|
|
||||||
canonicalRequest := strings.Join([]string{
|
|
||||||
req.Method,
|
|
||||||
canonicalURI(req.URL),
|
|
||||||
canonicalQuery(req.URL),
|
|
||||||
canonicalHeaders,
|
|
||||||
strings.Join(signedHeaders, ";"),
|
|
||||||
payloadHash,
|
|
||||||
}, "\n")
|
|
||||||
stringToSign := "ACS3-HMAC-SHA256\n" + sha256Hex([]byte(canonicalRequest))
|
|
||||||
signature := hmacSHA256Hex([]byte(c.cfg.AccessKeySecret), []byte(stringToSign))
|
|
||||||
req.Header.Set(
|
|
||||||
"Authorization",
|
|
||||||
fmt.Sprintf("ACS3-HMAC-SHA256 Credential=%s,SignedHeaders=%s,Signature=%s",
|
|
||||||
c.cfg.AccessKeyID,
|
|
||||||
strings.Join(signedHeaders, ";"),
|
|
||||||
signature,
|
|
||||||
),
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
func (c *Client) signVolcengine(req *http.Request, payload []byte) {
|
|
||||||
now := c.now().UTC()
|
|
||||||
xDate := now.Format("20060102T150405Z")
|
|
||||||
shortDate := now.Format("20060102")
|
|
||||||
payloadHash := sha256Hex(payload)
|
|
||||||
|
|
||||||
req.Header.Set("X-Date", xDate)
|
|
||||||
req.Header.Set("X-Content-Sha256", payloadHash)
|
|
||||||
|
|
||||||
signedHeaders := []string{
|
|
||||||
"content-type",
|
|
||||||
"host",
|
|
||||||
"x-content-sha256",
|
|
||||||
"x-date",
|
|
||||||
}
|
|
||||||
canonicalHeaders := canonicalHeaders(req, signedHeaders)
|
|
||||||
canonicalRequest := strings.Join([]string{
|
|
||||||
req.Method,
|
|
||||||
canonicalURI(req.URL),
|
|
||||||
canonicalQuery(req.URL),
|
|
||||||
canonicalHeaders,
|
|
||||||
strings.Join(signedHeaders, ";"),
|
|
||||||
payloadHash,
|
|
||||||
}, "\n")
|
|
||||||
scope := strings.Join([]string{shortDate, c.cfg.Region, c.cfg.Service, "request"}, "/")
|
|
||||||
stringToSign := strings.Join([]string{
|
|
||||||
"HMAC-SHA256",
|
|
||||||
xDate,
|
|
||||||
scope,
|
|
||||||
sha256Hex([]byte(canonicalRequest)),
|
|
||||||
}, "\n")
|
|
||||||
signingKey := volcengineSigningKey(c.cfg.AccessKeySecret, shortDate, c.cfg.Region, c.cfg.Service)
|
|
||||||
signature := hmacSHA256Hex(signingKey, []byte(stringToSign))
|
|
||||||
req.Header.Set(
|
|
||||||
"Authorization",
|
|
||||||
fmt.Sprintf("HMAC-SHA256 Credential=%s/%s, SignedHeaders=%s, Signature=%s",
|
|
||||||
c.cfg.AccessKeyID,
|
|
||||||
scope,
|
|
||||||
strings.Join(signedHeaders, ";"),
|
|
||||||
signature,
|
|
||||||
),
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
func parseEndpoint(raw string) (*url.URL, error) {
|
|
||||||
endpoint := strings.TrimSpace(raw)
|
|
||||||
if endpoint == "" {
|
|
||||||
return nil, fmt.Errorf("ocr endpoint is required")
|
|
||||||
}
|
|
||||||
if !strings.Contains(endpoint, "://") {
|
|
||||||
endpoint = "https://" + endpoint
|
|
||||||
}
|
|
||||||
parsed, err := url.Parse(endpoint)
|
|
||||||
if err != nil {
|
|
||||||
return nil, fmt.Errorf("parse ocr endpoint: %w", err)
|
|
||||||
}
|
|
||||||
if parsed.Scheme == "" || parsed.Host == "" {
|
|
||||||
return nil, fmt.Errorf("invalid ocr endpoint %q", raw)
|
|
||||||
}
|
|
||||||
if parsed.Path == "" {
|
|
||||||
parsed.Path = "/"
|
|
||||||
}
|
|
||||||
return parsed, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func parseOCRText(data []byte) (string, error) {
|
|
||||||
var root any
|
|
||||||
if err := json.Unmarshal(data, &root); err != nil {
|
|
||||||
return "", fmt.Errorf("decode json: %w", err)
|
|
||||||
}
|
|
||||||
if msg := responseError(root); msg != "" {
|
|
||||||
return "", errors.New(msg)
|
|
||||||
}
|
|
||||||
if text := normalizeOCRText(extractOverallOCRText(root, "")); text != "" {
|
|
||||||
return text, nil
|
|
||||||
}
|
|
||||||
parts := collectOCRParts(root, "")
|
|
||||||
if len(parts) == 0 {
|
|
||||||
return "", fmt.Errorf("no text found")
|
|
||||||
}
|
|
||||||
return strings.Join(dedupeNonEmpty(parts), "\n"), nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func responseError(v any) string {
|
|
||||||
obj, ok := v.(map[string]any)
|
|
||||||
if !ok {
|
|
||||||
return ""
|
|
||||||
}
|
|
||||||
if meta, ok := obj["ResponseMetadata"].(map[string]any); ok {
|
|
||||||
if errObj, ok := meta["Error"].(map[string]any); ok {
|
|
||||||
if msg := stringValue(errObj["Message"]); msg != "" {
|
|
||||||
return msg
|
|
||||||
}
|
|
||||||
if code := stringValue(errObj["Code"]); code != "" {
|
|
||||||
return code
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if errObj, ok := obj["Error"].(map[string]any); ok {
|
|
||||||
if msg := stringValue(errObj["Message"]); msg != "" {
|
|
||||||
return msg
|
|
||||||
}
|
|
||||||
if msg := stringValue(errObj["message"]); msg != "" {
|
|
||||||
return msg
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if code, ok := numericCode(obj["code"]); ok && code != 0 && code != 10000 {
|
|
||||||
if msg := stringValue(obj["message"]); msg != "" {
|
|
||||||
return msg
|
|
||||||
}
|
|
||||||
if msg := stringValue(obj["msg"]); msg != "" {
|
|
||||||
return msg
|
|
||||||
}
|
|
||||||
return fmt.Sprintf("provider code %.0f", code)
|
|
||||||
}
|
|
||||||
if code := stringValue(obj["Code"]); code != "" && !isSuccessCode(code) {
|
|
||||||
if msg := stringValue(obj["Message"]); msg != "" {
|
|
||||||
return msg
|
|
||||||
}
|
|
||||||
return code
|
|
||||||
}
|
|
||||||
return ""
|
|
||||||
}
|
|
||||||
|
|
||||||
func extractOverallOCRText(v any, parentKey string) string {
|
|
||||||
switch value := v.(type) {
|
|
||||||
case string:
|
|
||||||
text := strings.TrimSpace(value)
|
|
||||||
if text == "" {
|
|
||||||
return ""
|
|
||||||
}
|
|
||||||
if looksLikeJSON(text) {
|
|
||||||
var nested any
|
|
||||||
if err := json.Unmarshal([]byte(text), &nested); err == nil {
|
|
||||||
if nestedText := extractOverallOCRText(nested, parentKey); nestedText != "" {
|
|
||||||
return nestedText
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if isAggregateContainerKey(parentKey) {
|
|
||||||
return text
|
|
||||||
}
|
|
||||||
return ""
|
|
||||||
case map[string]any:
|
|
||||||
for _, key := range aggregateTextKeys() {
|
|
||||||
if child, ok := value[key]; ok {
|
|
||||||
if text := extractOverallOCRText(child, key); text != "" {
|
|
||||||
return text
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
for _, key := range responseContainerKeys() {
|
|
||||||
if child, ok := value[key]; ok {
|
|
||||||
if text := extractOverallOCRText(child, key); text != "" {
|
|
||||||
return text
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
keys := make([]string, 0, len(value))
|
|
||||||
for key := range value {
|
|
||||||
keys = append(keys, key)
|
|
||||||
}
|
|
||||||
sort.Strings(keys)
|
|
||||||
for _, key := range keys {
|
|
||||||
if isAggregateTextKey(key) ||
|
|
||||||
isResponseContainerKey(key) ||
|
|
||||||
isBlockContainerKey(key) ||
|
|
||||||
isMetadataKey(key) {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
if text := extractOverallOCRText(value[key], key); text != "" {
|
|
||||||
return text
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return ""
|
|
||||||
default:
|
|
||||||
return ""
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func collectOCRParts(v any, parentKey string) []string {
|
|
||||||
switch value := v.(type) {
|
|
||||||
case string:
|
|
||||||
text := strings.TrimSpace(value)
|
|
||||||
if text == "" {
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
if looksLikeJSON(text) {
|
|
||||||
var nested any
|
|
||||||
if err := json.Unmarshal([]byte(text), &nested); err == nil {
|
|
||||||
return collectOCRParts(nested, parentKey)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if isTextKey(parentKey) || isContainerTextKey(parentKey) {
|
|
||||||
return []string{text}
|
|
||||||
}
|
|
||||||
return nil
|
|
||||||
case []any:
|
|
||||||
parts := make([]string, 0, len(value))
|
|
||||||
for _, item := range value {
|
|
||||||
parts = append(parts, collectOCRParts(item, parentKey)...)
|
|
||||||
}
|
|
||||||
return parts
|
|
||||||
case map[string]any:
|
|
||||||
parts := make([]string, 0)
|
|
||||||
for _, key := range priorityOCRKeys() {
|
|
||||||
if child, ok := value[key]; ok {
|
|
||||||
parts = append(parts, collectOCRParts(child, key)...)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
keys := make([]string, 0, len(value))
|
|
||||||
for key := range value {
|
|
||||||
keys = append(keys, key)
|
|
||||||
}
|
|
||||||
sort.Strings(keys)
|
|
||||||
for _, key := range keys {
|
|
||||||
if isPriorityOCRKey(key) || isMetadataKey(key) {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
parts = append(parts, collectOCRParts(value[key], key)...)
|
|
||||||
}
|
|
||||||
return parts
|
|
||||||
default:
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func aggregateTextKeys() []string {
|
|
||||||
return []string{
|
|
||||||
"content",
|
|
||||||
"Content",
|
|
||||||
"text",
|
|
||||||
"Text",
|
|
||||||
"full_text",
|
|
||||||
"FullText",
|
|
||||||
"fullText",
|
|
||||||
"plain_text",
|
|
||||||
"PlainText",
|
|
||||||
"plainText",
|
|
||||||
"recognized_text",
|
|
||||||
"RecognizedText",
|
|
||||||
"recognizedText",
|
|
||||||
"ocr_text",
|
|
||||||
"OCRText",
|
|
||||||
"ocrText",
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func responseContainerKeys() []string {
|
|
||||||
return []string{
|
|
||||||
"Data",
|
|
||||||
"data",
|
|
||||||
"Result",
|
|
||||||
"result",
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func priorityOCRKeys() []string {
|
|
||||||
return []string{
|
|
||||||
"Data",
|
|
||||||
"data",
|
|
||||||
"Result",
|
|
||||||
"result",
|
|
||||||
"content",
|
|
||||||
"Content",
|
|
||||||
"text",
|
|
||||||
"Text",
|
|
||||||
"DetectedText",
|
|
||||||
"detected_text",
|
|
||||||
"line_text",
|
|
||||||
"LineText",
|
|
||||||
"line_texts",
|
|
||||||
"LineTexts",
|
|
||||||
"word",
|
|
||||||
"Word",
|
|
||||||
"words",
|
|
||||||
"Words",
|
|
||||||
"words_result",
|
|
||||||
"WordsResult",
|
|
||||||
"prism_wordsInfo",
|
|
||||||
"prism_words_info",
|
|
||||||
"ocr_infos",
|
|
||||||
"OCRInfos",
|
|
||||||
"items",
|
|
||||||
"Items",
|
|
||||||
"blocks",
|
|
||||||
"Blocks",
|
|
||||||
"regions",
|
|
||||||
"Regions",
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func isAggregateTextKey(key string) bool {
|
|
||||||
for _, item := range aggregateTextKeys() {
|
|
||||||
if item == key {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
|
|
||||||
func isAggregateContainerKey(key string) bool {
|
|
||||||
return isAggregateTextKey(key) || isResponseContainerKey(key)
|
|
||||||
}
|
|
||||||
|
|
||||||
func isResponseContainerKey(key string) bool {
|
|
||||||
for _, item := range responseContainerKeys() {
|
|
||||||
if item == key {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
|
|
||||||
func isBlockContainerKey(key string) bool {
|
|
||||||
switch normalizeKey(key) {
|
|
||||||
case "wordsresult", "prismwordsinfo", "prismwords", "ocrinfos", "items",
|
|
||||||
"blocks", "regions", "words", "linetexts", "lines", "cells":
|
|
||||||
return true
|
|
||||||
default:
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func isPriorityOCRKey(key string) bool {
|
|
||||||
for _, item := range priorityOCRKeys() {
|
|
||||||
if item == key {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
|
|
||||||
func isTextKey(key string) bool {
|
|
||||||
switch normalizeKey(key) {
|
|
||||||
case "content", "text", "detectedtext", "linetext", "word", "words", "value":
|
|
||||||
return true
|
|
||||||
default:
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func isContainerTextKey(key string) bool {
|
|
||||||
switch normalizeKey(key) {
|
|
||||||
case "data", "result", "linetexts", "texts":
|
|
||||||
return true
|
|
||||||
default:
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func isMetadataKey(key string) bool {
|
|
||||||
switch normalizeKey(key) {
|
|
||||||
case "requestid", "request", "code", "status", "statuscode", "success",
|
|
||||||
"error", "errors", "message", "msg", "cost", "angle", "probability",
|
|
||||||
"confidence", "height", "width", "left", "top", "right", "bottom",
|
|
||||||
"x", "y", "responsemetadata":
|
|
||||||
return true
|
|
||||||
default:
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func normalizeKey(key string) string {
|
|
||||||
key = strings.ToLower(key)
|
|
||||||
key = strings.ReplaceAll(key, "_", "")
|
|
||||||
key = strings.ReplaceAll(key, "-", "")
|
|
||||||
return key
|
|
||||||
}
|
|
||||||
|
|
||||||
func dedupeNonEmpty(parts []string) []string {
|
|
||||||
seen := map[string]struct{}{}
|
|
||||||
out := make([]string, 0, len(parts))
|
|
||||||
for _, part := range parts {
|
|
||||||
for _, line := range strings.Split(part, "\n") {
|
|
||||||
line = strings.TrimSpace(line)
|
|
||||||
if line == "" {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
if _, ok := seen[line]; ok {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
seen[line] = struct{}{}
|
|
||||||
out = append(out, line)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return out
|
|
||||||
}
|
|
||||||
|
|
||||||
func normalizeOCRText(text string) string {
|
|
||||||
lines := strings.Split(strings.TrimSpace(text), "\n")
|
|
||||||
out := make([]string, 0, len(lines))
|
|
||||||
for _, line := range lines {
|
|
||||||
line = strings.TrimSpace(line)
|
|
||||||
if line != "" {
|
|
||||||
out = append(out, line)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return strings.Join(out, "\n")
|
|
||||||
}
|
|
||||||
|
|
||||||
func looksLikeJSON(text string) bool {
|
|
||||||
return strings.HasPrefix(text, "{") || strings.HasPrefix(text, "[")
|
|
||||||
}
|
|
||||||
|
|
||||||
func stringValue(v any) string {
|
|
||||||
if s, ok := v.(string); ok {
|
|
||||||
return strings.TrimSpace(s)
|
|
||||||
}
|
|
||||||
return ""
|
|
||||||
}
|
|
||||||
|
|
||||||
func numericCode(v any) (float64, bool) {
|
|
||||||
switch n := v.(type) {
|
|
||||||
case float64:
|
|
||||||
return n, true
|
|
||||||
case int:
|
|
||||||
return float64(n), true
|
|
||||||
case json.Number:
|
|
||||||
f, err := n.Float64()
|
|
||||||
return f, err == nil
|
|
||||||
default:
|
|
||||||
return 0, false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func isSuccessCode(code string) bool {
|
|
||||||
switch strings.ToLower(strings.TrimSpace(code)) {
|
|
||||||
case "", "ok", "success", "200", "10000":
|
|
||||||
return true
|
|
||||||
default:
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func canonicalURI(u *url.URL) string {
|
|
||||||
if u == nil || u.EscapedPath() == "" {
|
|
||||||
return "/"
|
|
||||||
}
|
|
||||||
return u.EscapedPath()
|
|
||||||
}
|
|
||||||
|
|
||||||
func canonicalQuery(u *url.URL) string {
|
|
||||||
if u == nil || u.RawQuery == "" {
|
|
||||||
return ""
|
|
||||||
}
|
|
||||||
values, _ := url.ParseQuery(u.RawQuery)
|
|
||||||
return values.Encode()
|
|
||||||
}
|
|
||||||
|
|
||||||
func canonicalHeaders(req *http.Request, signedHeaders []string) string {
|
|
||||||
lines := make([]string, 0, len(signedHeaders))
|
|
||||||
for _, key := range signedHeaders {
|
|
||||||
var value string
|
|
||||||
if key == "host" {
|
|
||||||
value = req.URL.Host
|
|
||||||
} else {
|
|
||||||
value = req.Header.Get(key)
|
|
||||||
}
|
|
||||||
lines = append(lines, key+":"+normalizeHeaderValue(value)+"\n")
|
|
||||||
}
|
|
||||||
return strings.Join(lines, "")
|
|
||||||
}
|
|
||||||
|
|
||||||
func normalizeHeaderValue(value string) string {
|
|
||||||
return strings.Join(strings.Fields(strings.TrimSpace(value)), " ")
|
|
||||||
}
|
|
||||||
|
|
||||||
func volcengineSigningKey(secret, date, region, service string) []byte {
|
|
||||||
kDate := hmacSHA256([]byte(secret), []byte(date))
|
|
||||||
kRegion := hmacSHA256(kDate, []byte(region))
|
|
||||||
kService := hmacSHA256(kRegion, []byte(service))
|
|
||||||
return hmacSHA256(kService, []byte("request"))
|
|
||||||
}
|
|
||||||
|
|
||||||
func hmacSHA256(key, data []byte) []byte {
|
|
||||||
mac := hmac.New(sha256.New, key)
|
|
||||||
mac.Write(data)
|
|
||||||
return mac.Sum(nil)
|
|
||||||
}
|
|
||||||
|
|
||||||
func hmacSHA256Hex(key, data []byte) string {
|
|
||||||
return hex.EncodeToString(hmacSHA256(key, data))
|
|
||||||
}
|
|
||||||
|
|
||||||
func sha256Hex(data []byte) string {
|
|
||||||
sum := sha256.Sum256(data)
|
|
||||||
return hex.EncodeToString(sum[:])
|
|
||||||
}
|
|
||||||
|
|
||||||
func randomNonce() string {
|
|
||||||
buf := make([]byte, 16)
|
|
||||||
if _, err := rand.Read(buf); err != nil {
|
|
||||||
return fmt.Sprintf("%d", time.Now().UnixNano())
|
|
||||||
}
|
|
||||||
return hex.EncodeToString(buf)
|
|
||||||
}
|
|
||||||
|
|
||||||
func compactBody(data []byte) string {
|
|
||||||
text := strings.TrimSpace(string(data))
|
|
||||||
if text == "" {
|
|
||||||
return "<empty body>"
|
|
||||||
}
|
|
||||||
if len(text) > 800 {
|
|
||||||
return text[:800] + "..."
|
|
||||||
}
|
|
||||||
return text
|
|
||||||
}
|
|
||||||
@@ -1,177 +0,0 @@
|
|||||||
package ocr
|
|
||||||
|
|
||||||
import (
|
|
||||||
"bytes"
|
|
||||||
"context"
|
|
||||||
"encoding/base64"
|
|
||||||
"encoding/json"
|
|
||||||
"io"
|
|
||||||
"net/http"
|
|
||||||
"strings"
|
|
||||||
"testing"
|
|
||||||
"time"
|
|
||||||
|
|
||||||
"github.com/mmmy/snapgo/internal/domain"
|
|
||||||
)
|
|
||||||
|
|
||||||
type roundTripFunc func(*http.Request) (*http.Response, error)
|
|
||||||
|
|
||||||
func (f roundTripFunc) RoundTrip(req *http.Request) (*http.Response, error) {
|
|
||||||
return f(req)
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestAliyunRecognizeTextSignsRawPNGRequest(t *testing.T) {
|
|
||||||
var requestBody []byte
|
|
||||||
transport := roundTripFunc(func(r *http.Request) (*http.Response, error) {
|
|
||||||
if r.URL.Host != "ocr-api.cn-hangzhou.aliyuncs.com" {
|
|
||||||
t.Fatalf("unexpected host %s", r.URL.Host)
|
|
||||||
}
|
|
||||||
if got := r.Header.Get("x-acs-action"); got != "RecognizeGeneral" {
|
|
||||||
t.Fatalf("unexpected action %q", got)
|
|
||||||
}
|
|
||||||
if got := r.Header.Get("x-acs-version"); got != "2021-07-07" {
|
|
||||||
t.Fatalf("unexpected version %q", got)
|
|
||||||
}
|
|
||||||
if got := r.Header.Get("x-acs-date"); got != "2026-07-08T01:02:03Z" {
|
|
||||||
t.Fatalf("unexpected date %q", got)
|
|
||||||
}
|
|
||||||
if got := r.Header.Get("Authorization"); !strings.Contains(got, "ACS3-HMAC-SHA256 Credential=ak") {
|
|
||||||
t.Fatalf("unexpected auth header %q", got)
|
|
||||||
}
|
|
||||||
var err error
|
|
||||||
requestBody, err = io.ReadAll(r.Body)
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("read body: %v", err)
|
|
||||||
}
|
|
||||||
return &http.Response{
|
|
||||||
StatusCode: http.StatusOK,
|
|
||||||
Header: http.Header{"Content-Type": []string{"application/json"}},
|
|
||||||
Body: io.NopCloser(bytes.NewBufferString(
|
|
||||||
`{"Data":"{\"content\":\"第一行\\n第二行\"}"}`,
|
|
||||||
)),
|
|
||||||
}, nil
|
|
||||||
})
|
|
||||||
|
|
||||||
client, err := NewClient(domain.OCRProviderAliyun, domain.OCRProviderConfig{
|
|
||||||
Endpoint: "https://ocr-api.cn-hangzhou.aliyuncs.com",
|
|
||||||
AccessKeyID: "ak",
|
|
||||||
AccessKeySecret: "sk",
|
|
||||||
Action: "RecognizeGeneral",
|
|
||||||
Version: "2021-07-07",
|
|
||||||
})
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("new client: %v", err)
|
|
||||||
}
|
|
||||||
client.httpClient.Transport = transport
|
|
||||||
client.now = func() time.Time { return time.Date(2026, 7, 8, 1, 2, 3, 0, time.UTC) }
|
|
||||||
client.nonce = func() string { return "nonce" }
|
|
||||||
|
|
||||||
text, err := client.RecognizeText(context.Background(), []byte("png"))
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("recognize text: %v", err)
|
|
||||||
}
|
|
||||||
if string(requestBody) != "png" {
|
|
||||||
t.Fatalf("expected raw png body, got %q", string(requestBody))
|
|
||||||
}
|
|
||||||
if text != "第一行\n第二行" {
|
|
||||||
t.Fatalf("unexpected OCR text %q", text)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestVolcengineRecognizeTextSignsBase64JSONRequest(t *testing.T) {
|
|
||||||
var requestBody map[string]string
|
|
||||||
transport := roundTripFunc(func(r *http.Request) (*http.Response, error) {
|
|
||||||
if got := r.URL.Query().Get("Action"); got != "OCRNormal" {
|
|
||||||
t.Fatalf("unexpected action %q", got)
|
|
||||||
}
|
|
||||||
if got := r.URL.Query().Get("Version"); got != "2020-08-26" {
|
|
||||||
t.Fatalf("unexpected version %q", got)
|
|
||||||
}
|
|
||||||
if got := r.Header.Get("X-Date"); got != "20260708T010203Z" {
|
|
||||||
t.Fatalf("unexpected x-date %q", got)
|
|
||||||
}
|
|
||||||
if got := r.Header.Get("Authorization"); !strings.Contains(got, "HMAC-SHA256 Credential=ak/20260708/cn-north-1/cv/request") {
|
|
||||||
t.Fatalf("unexpected auth header %q", got)
|
|
||||||
}
|
|
||||||
if err := json.NewDecoder(r.Body).Decode(&requestBody); err != nil {
|
|
||||||
t.Fatalf("decode request: %v", err)
|
|
||||||
}
|
|
||||||
return &http.Response{
|
|
||||||
StatusCode: http.StatusOK,
|
|
||||||
Header: http.Header{"Content-Type": []string{"application/json"}},
|
|
||||||
Body: io.NopCloser(bytes.NewBufferString(
|
|
||||||
`{"ResponseMetadata":{"RequestId":"r"},"Result":{"LineTexts":["你好","世界"]}}`,
|
|
||||||
)),
|
|
||||||
}, nil
|
|
||||||
})
|
|
||||||
|
|
||||||
client, err := NewClient(domain.OCRProviderVolcengine, domain.OCRProviderConfig{
|
|
||||||
Endpoint: "https://visual.volcengineapi.com",
|
|
||||||
AccessKeyID: "ak",
|
|
||||||
AccessKeySecret: "sk",
|
|
||||||
Region: "cn-north-1",
|
|
||||||
Service: "cv",
|
|
||||||
Action: "OCRNormal",
|
|
||||||
Version: "2020-08-26",
|
|
||||||
})
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("new client: %v", err)
|
|
||||||
}
|
|
||||||
client.httpClient.Transport = transport
|
|
||||||
client.now = func() time.Time { return time.Date(2026, 7, 8, 1, 2, 3, 0, time.UTC) }
|
|
||||||
|
|
||||||
text, err := client.RecognizeText(context.Background(), []byte("png"))
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("recognize text: %v", err)
|
|
||||||
}
|
|
||||||
if requestBody["image_base64"] != base64.StdEncoding.EncodeToString([]byte("png")) {
|
|
||||||
t.Fatalf("expected base64 image body, got %#v", requestBody)
|
|
||||||
}
|
|
||||||
if text != "你好\n世界" {
|
|
||||||
t.Fatalf("unexpected OCR text %q", text)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestParseOCRTextSupportsWordsResult(t *testing.T) {
|
|
||||||
text, err := parseOCRText([]byte(`{"data":{"words_result":[{"words":"foo"},{"words":"bar"}]}}`))
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("parse ocr text: %v", err)
|
|
||||||
}
|
|
||||||
if text != "foo\nbar" {
|
|
||||||
t.Fatalf("unexpected OCR text %q", text)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestParseOCRTextPrefersOverallContentOverBlocks(t *testing.T) {
|
|
||||||
text, err := parseOCRText([]byte(`{
|
|
||||||
"Data": "{\"content\":\"整体识别文本\",\"prism_wordsInfo\":[{\"word\":\"整体\"},{\"word\":\"识别\"},{\"word\":\"文本\"}]}"
|
|
||||||
}`))
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("parse ocr text: %v", err)
|
|
||||||
}
|
|
||||||
if text != "整体识别文本" {
|
|
||||||
t.Fatalf("expected overall content only, got %q", text)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestParseOCRTextPrefersResultTextOverWordsResult(t *testing.T) {
|
|
||||||
text, err := parseOCRText([]byte(`{
|
|
||||||
"Result": {
|
|
||||||
"text": "hello world",
|
|
||||||
"words_result": [{"words":"hello"},{"words":"world"}]
|
|
||||||
}
|
|
||||||
}`))
|
|
||||||
if err != nil {
|
|
||||||
t.Fatalf("parse ocr text: %v", err)
|
|
||||||
}
|
|
||||||
if text != "hello world" {
|
|
||||||
t.Fatalf("expected result text only, got %q", text)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestParseOCRTextReturnsProviderError(t *testing.T) {
|
|
||||||
_, err := parseOCRText([]byte(`{"ResponseMetadata":{"Error":{"Code":"BadRequest","Message":"bad image"}}}`))
|
|
||||||
if err == nil || !strings.Contains(err.Error(), "bad image") {
|
|
||||||
t.Fatalf("expected provider error, got %v", err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -101,20 +101,6 @@ func (p *S3Provider) BuildPublicURL(key string) string {
|
|||||||
return endpoint + "/" + p.cfg.Bucket + "/" + key
|
return endpoint + "/" + p.cfg.Bucket + "/" + key
|
||||||
}
|
}
|
||||||
|
|
||||||
// Delete removes a previously uploaded object by key.
|
|
||||||
//
|
|
||||||
// The summary pipeline uses this to clean up the temporary screenshot it had
|
|
||||||
// to upload only so a remote multimodal model could fetch it via public URL.
|
|
||||||
func (p *S3Provider) Delete(ctx context.Context, key string) error {
|
|
||||||
if _, err := p.client.DeleteObject(ctx, &s3.DeleteObjectInput{
|
|
||||||
Bucket: awsv2.String(p.cfg.Bucket),
|
|
||||||
Key: awsv2.String(key),
|
|
||||||
}); err != nil {
|
|
||||||
return fmt.Errorf("s3 delete object: %w", err)
|
|
||||||
}
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
// TestConnection performs a small put + delete to verify credentials and
|
// TestConnection performs a small put + delete to verify credentials and
|
||||||
// bucket reachability. Used by the "Test connection" button in settings.
|
// bucket reachability. Used by the "Test connection" button in settings.
|
||||||
func (p *S3Provider) TestConnection(ctx context.Context) error {
|
func (p *S3Provider) TestConnection(ctx context.Context) error {
|
||||||
|
|||||||
@@ -0,0 +1,200 @@
|
|||||||
|
// bgo_uploader.go — an SSHUploader implementation that delegates to the
|
||||||
|
// internal `bgo scp` client. bgo is ByteDance's internal credential/auth
|
||||||
|
// management tool; it wraps ssh/scp and handles login transparently once the
|
||||||
|
// user has configured it (see the Lark guide linked in the Settings UI).
|
||||||
|
//
|
||||||
|
// 设计理由 (为什么不能直接 exec bgo, 也不能复用 KerberosUploader):
|
||||||
|
// - bgo 强制要求在 PTY (伪终端) 下运行: 它会对 stdin/stdout 做终端 ioctl
|
||||||
|
// (resize pty). 没有 PTY 时直接 panic ("operation not supported by
|
||||||
|
// device"). 因此必须用系统 /usr/bin/script 为其分配一个伪终端:
|
||||||
|
// script -q /dev/null <bgo> scp <src> <user@host:dst>
|
||||||
|
// 这样既不引入额外的 PTY 依赖, 又满足 bgo 的运行约束.
|
||||||
|
// - bgo scp 不会自动创建远程目录, 且 bgo ssh 无法执行远程命令 (会 panic),
|
||||||
|
// 所以无法像 Kerberos 那样先 `mkdir -p`. 故 bgo 模式只能把文件平铺上传
|
||||||
|
// 到远端用户的 $HOME 根目录 (文件名内嵌时间戳保证唯一), 上层 service
|
||||||
|
// 负责生成扁平文件名.
|
||||||
|
// - bgo 自带鉴权, 不需要也不应传 GSSAPI / 密码 / 公钥相关的 ssh 选项.
|
||||||
|
package ssh
|
||||||
|
|
||||||
|
import (
|
||||||
|
"bytes"
|
||||||
|
"context"
|
||||||
|
"fmt"
|
||||||
|
"os"
|
||||||
|
"os/exec"
|
||||||
|
"path"
|
||||||
|
"path/filepath"
|
||||||
|
"strconv"
|
||||||
|
"strings"
|
||||||
|
"time"
|
||||||
|
|
||||||
|
"github.com/mmmy/snapgo/internal/domain"
|
||||||
|
)
|
||||||
|
|
||||||
|
// systemScriptPath is the absolute path to the macOS BSD `script` utility,
|
||||||
|
// which we use purely to allocate a PTY for bgo. Absolute path avoids PATH
|
||||||
|
// hijacking and the minimal PATH GUI apps inherit on macOS.
|
||||||
|
const systemScriptPath = "/usr/bin/script"
|
||||||
|
|
||||||
|
// bgoSearchPaths lists the locations we probe for the bgo binary when it is
|
||||||
|
// not already resolvable via $PATH. GUI apps on macOS launch with a minimal
|
||||||
|
// PATH that usually omits ~/.local/bin and Homebrew dirs, so we look there
|
||||||
|
// explicitly rather than failing with a confusing "command not found".
|
||||||
|
func bgoSearchPaths() []string {
|
||||||
|
home, _ := os.UserHomeDir()
|
||||||
|
return []string{
|
||||||
|
filepath.Join(home, ".local", "bin", "bgo"),
|
||||||
|
"/usr/local/bin/bgo",
|
||||||
|
"/opt/homebrew/bin/bgo",
|
||||||
|
"/opt/bin/bgo",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// BgoUploader satisfies application.SSHUploader by shelling out to `bgo scp`
|
||||||
|
// under a PTY allocated via the system `script` utility.
|
||||||
|
type BgoUploader struct {
|
||||||
|
cfg domain.SSHConfig
|
||||||
|
}
|
||||||
|
|
||||||
|
// NewBgoUploader returns an uploader that delegates to the bgo client.
|
||||||
|
func NewBgoUploader(cfg domain.SSHConfig) *BgoUploader {
|
||||||
|
return &BgoUploader{cfg: cfg}
|
||||||
|
}
|
||||||
|
|
||||||
|
// resolveBgoBinary locates the bgo executable, first via $PATH and then via
|
||||||
|
// the well-known install locations. Returns a clear error pointing the user
|
||||||
|
// to the setup guide when bgo cannot be found.
|
||||||
|
func resolveBgoBinary() (string, error) {
|
||||||
|
if p, err := exec.LookPath("bgo"); err == nil {
|
||||||
|
return p, nil
|
||||||
|
}
|
||||||
|
for _, candidate := range bgoSearchPaths() {
|
||||||
|
if info, err := os.Stat(candidate); err == nil && !info.IsDir() {
|
||||||
|
return candidate, nil
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return "", fmt.Errorf("bgo executable not found — install bgo and add it to PATH (see the setup guide)")
|
||||||
|
}
|
||||||
|
|
||||||
|
// Upload writes data to a flat remote filename in the user's remote $HOME by
|
||||||
|
// staging it locally and invoking `bgo scp` once under a PTY.
|
||||||
|
//
|
||||||
|
// remoteRelPath is expected to be a flat filename (no directory components),
|
||||||
|
// because bgo cannot create remote directories. Any directory components are
|
||||||
|
// collapsed to the base name defensively.
|
||||||
|
func (u *BgoUploader) Upload(ctx context.Context, remoteRelPath string, data []byte, mode os.FileMode) error {
|
||||||
|
start := time.Now()
|
||||||
|
// Collapse to a flat filename: bgo scp cannot create remote directories.
|
||||||
|
name := path.Base(normaliseRemotePath(remoteRelPath))
|
||||||
|
if name == "" || name == "." || name == "/" {
|
||||||
|
return fmt.Errorf("ssh(bgo): remote filename is empty")
|
||||||
|
}
|
||||||
|
|
||||||
|
bgoBin, err := resolveBgoBinary()
|
||||||
|
if err != nil {
|
||||||
|
sshLog().Error("bgo uploader: binary not found", "err", err)
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
|
||||||
|
sshLog().Info("bgo uploader start",
|
||||||
|
"host", u.cfg.Host, "user", u.cfg.User, "port", u.cfg.Port,
|
||||||
|
"remote_file", name, "size", len(data), "bgo", bgoBin)
|
||||||
|
|
||||||
|
// 1. Stage the payload to a local temp file for scp to read.
|
||||||
|
tmp, err := os.CreateTemp("", "snapgo-bgo-*.png")
|
||||||
|
if err != nil {
|
||||||
|
return fmt.Errorf("ssh(bgo): create temp: %w", err)
|
||||||
|
}
|
||||||
|
tmpPath := tmp.Name()
|
||||||
|
defer os.Remove(tmpPath)
|
||||||
|
if _, err := tmp.Write(data); err != nil {
|
||||||
|
_ = tmp.Close()
|
||||||
|
return fmt.Errorf("ssh(bgo): write temp: %w", err)
|
||||||
|
}
|
||||||
|
if err := tmp.Close(); err != nil {
|
||||||
|
return fmt.Errorf("ssh(bgo): close temp: %w", err)
|
||||||
|
}
|
||||||
|
if err := os.Chmod(tmpPath, mode.Perm()); err != nil {
|
||||||
|
sshLog().Debug("bgo uploader chmod temp failed", "err", err)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 2. bgo scp <tmp> <user@host:name> under a PTY (via `script`).
|
||||||
|
remoteTarget := fmt.Sprintf("%s@%s:%s", u.cfg.User, bracketHost(u.cfg.Host), name)
|
||||||
|
bgoArgs := u.bgoScpArgs(bgoBin, tmpPath, remoteTarget)
|
||||||
|
if err := u.runUnderPTY(ctx, bgoArgs); err != nil {
|
||||||
|
sshLog().Error("bgo uploader scp failed",
|
||||||
|
"remote_file", name, "elapsed", time.Since(start), "err", err)
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
sshLog().Info("bgo uploader done",
|
||||||
|
"remote_file", name, "size", len(data), "total_elapsed", time.Since(start))
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
// bgoScpArgs builds the argument vector "bgo scp [-P port] <src> <dst>".
|
||||||
|
// bgo manages its own auth, so we pass no ssh -o options here.
|
||||||
|
func (u *BgoUploader) bgoScpArgs(bgoBin, src, dst string) []string {
|
||||||
|
args := []string{bgoBin, "scp"}
|
||||||
|
if u.cfg.Port > 0 && u.cfg.Port != 22 {
|
||||||
|
args = append(args, "-P", strconv.Itoa(u.cfg.Port))
|
||||||
|
}
|
||||||
|
args = append(args, src, dst)
|
||||||
|
return args
|
||||||
|
}
|
||||||
|
|
||||||
|
// runUnderPTY runs the given command vector under a PTY allocated by the
|
||||||
|
// system `script` utility, capturing combined output for diagnostics.
|
||||||
|
//
|
||||||
|
// macOS BSD script signature: `script -q <typescript-file> command [args...]`.
|
||||||
|
// We discard the typescript by writing to /dev/null.
|
||||||
|
func (u *BgoUploader) runUnderPTY(ctx context.Context, cmdVec []string) error {
|
||||||
|
args := append([]string{"-q", "/dev/null"}, cmdVec...)
|
||||||
|
cmd := exec.CommandContext(ctx, systemScriptPath, args...)
|
||||||
|
var combined bytes.Buffer
|
||||||
|
cmd.Stdout = &combined
|
||||||
|
cmd.Stderr = &combined
|
||||||
|
sshLog().Debug("bgo exec", "args", strings.Join(args, " "))
|
||||||
|
if err := cmd.Run(); err != nil {
|
||||||
|
msg := strings.TrimSpace(combined.String())
|
||||||
|
if msg == "" {
|
||||||
|
msg = err.Error()
|
||||||
|
}
|
||||||
|
return fmt.Errorf("bgo scp failed: %s", msg)
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
// bracketHost wraps a bare IPv6 literal in [] so the "user@host:path" target
|
||||||
|
// parses correctly (e.g. fdbd:dc03:8:379::130 → [fdbd:dc03:8:379::130]).
|
||||||
|
// IPv4 addresses and hostnames are returned unchanged. Already-bracketed
|
||||||
|
// inputs are left as-is.
|
||||||
|
func bracketHost(host string) string {
|
||||||
|
host = strings.TrimSpace(host)
|
||||||
|
if host == "" {
|
||||||
|
return host
|
||||||
|
}
|
||||||
|
if strings.HasPrefix(host, "[") {
|
||||||
|
return host
|
||||||
|
}
|
||||||
|
// An IPv6 literal contains multiple ':' separators; a hostname:port style
|
||||||
|
// is not expected here because the port lives in cfg.Port.
|
||||||
|
if strings.Count(host, ":") >= 2 {
|
||||||
|
return "[" + host + "]"
|
||||||
|
}
|
||||||
|
return host
|
||||||
|
}
|
||||||
|
|
||||||
|
// TestBgoConnection verifies that the bgo binary is resolvable. A real
|
||||||
|
// transfer test is intentionally avoided: bgo requires a PTY and a live
|
||||||
|
// remote, and bgo ssh cannot run a harmless remote probe command (it panics).
|
||||||
|
// Confirming bgo is installed and on PATH is the most useful signal we can
|
||||||
|
// give without performing an actual upload.
|
||||||
|
func TestBgoConnection(ctx context.Context, cfg domain.SSHConfig) error {
|
||||||
|
sshLog().Info("bgo test connection start", "host", cfg.Host, "user", cfg.User)
|
||||||
|
bin, err := resolveBgoBinary()
|
||||||
|
if err != nil {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
sshLog().Info("bgo test connection ok", "bgo", bin)
|
||||||
|
return nil
|
||||||
|
}
|
||||||
@@ -33,10 +33,10 @@ func Start(cbs Callbacks) (start, stop func()) {
|
|||||||
systray.SetTemplateIcon(templateIconBytes, regularIconBytes)
|
systray.SetTemplateIcon(templateIconBytes, regularIconBytes)
|
||||||
systray.SetTooltip("SnapGo")
|
systray.SetTooltip("SnapGo")
|
||||||
|
|
||||||
mCapture := systray.AddMenuItem("截图", "Take a region screenshot")
|
mCapture := systray.AddMenuItem("Capture screenshot", "Take a region screenshot")
|
||||||
mSettings := systray.AddMenuItem("设置", "Open settings window")
|
mSettings := systray.AddMenuItem("Settings…", "Open settings window")
|
||||||
systray.AddSeparator()
|
systray.AddSeparator()
|
||||||
mQuit := systray.AddMenuItem("退出", "Quit the application")
|
mQuit := systray.AddMenuItem("Quit SnapGo", "Quit the application")
|
||||||
|
|
||||||
// Pump menu clicks on a dedicated goroutine. Channel sends from
|
// Pump menu clicks on a dedicated goroutine. Channel sends from
|
||||||
// systray are non-blocking, so a slow user callback does not back
|
// systray are non-blocking, so a slow user callback does not back
|
||||||
|
|||||||
@@ -36,8 +36,8 @@ func main() {
|
|||||||
|
|
||||||
err := wails.Run(&options.App{
|
err := wails.Run(&options.App{
|
||||||
Title: "SnapGo",
|
Title: "SnapGo",
|
||||||
Width: 1000,
|
Width: 1080,
|
||||||
Height: 820,
|
Height: 720,
|
||||||
MinWidth: 720,
|
MinWidth: 720,
|
||||||
MinHeight: 520,
|
MinHeight: 520,
|
||||||
AssetServer: &assetserver.Options{
|
AssetServer: &assetserver.Options{
|
||||||
|
|||||||
@@ -74,30 +74,6 @@ func nativeOverlaySaveRemote(x, y, w, h C.int, annotationsJSON *C.char) {
|
|||||||
}()
|
}()
|
||||||
}
|
}
|
||||||
|
|
||||||
//export nativeOverlaySummarize
|
|
||||||
func nativeOverlaySummarize(x, y, w, h C.int, annotationsJSON *C.char) {
|
|
||||||
app := consumeNativeOverlayApp()
|
|
||||||
if app == nil {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
result := nativeCaptureResult(x, y, w, h, annotationsJSON)
|
|
||||||
go func() {
|
|
||||||
_ = app.SummarizeNativeRegion(result)
|
|
||||||
}()
|
|
||||||
}
|
|
||||||
|
|
||||||
//export nativeOverlayOCR
|
|
||||||
func nativeOverlayOCR(x, y, w, h C.int, annotationsJSON *C.char) {
|
|
||||||
app := consumeNativeOverlayApp()
|
|
||||||
if app == nil {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
result := nativeCaptureResult(x, y, w, h, annotationsJSON)
|
|
||||||
go func() {
|
|
||||||
_ = app.ExtractTextNativeRegion(result)
|
|
||||||
}()
|
|
||||||
}
|
|
||||||
|
|
||||||
//export nativeOverlayCancel
|
//export nativeOverlayCancel
|
||||||
func nativeOverlayCancel() {
|
func nativeOverlayCancel() {
|
||||||
app := consumeNativeOverlayApp()
|
app := consumeNativeOverlayApp()
|
||||||
|
|||||||
+80
-666
File diff suppressed because it is too large
Load Diff
@@ -1,163 +0,0 @@
|
|||||||
//go:build darwin
|
|
||||||
|
|
||||||
package main
|
|
||||||
|
|
||||||
/*
|
|
||||||
#cgo CFLAGS: -x objective-c -fobjc-arc -fblocks
|
|
||||||
#cgo LDFLAGS: -framework AppKit -framework QuartzCore
|
|
||||||
#include <stdlib.h>
|
|
||||||
#include <dispatch/dispatch.h>
|
|
||||||
#import <AppKit/AppKit.h>
|
|
||||||
#import <QuartzCore/QuartzCore.h>
|
|
||||||
|
|
||||||
static NSPanel *operationPanel = nil;
|
|
||||||
static NSTextField *operationTitleLabel = nil;
|
|
||||||
static NSTextField *operationDetailLabel = nil;
|
|
||||||
static NSTextField *operationIconLabel = nil;
|
|
||||||
static NSProgressIndicator *operationSpinner = nil;
|
|
||||||
|
|
||||||
static NSString *statusString(const char *value) {
|
|
||||||
if (value == NULL) {
|
|
||||||
return @"";
|
|
||||||
}
|
|
||||||
NSString *text = [NSString stringWithUTF8String:value];
|
|
||||||
return text ?: @"";
|
|
||||||
}
|
|
||||||
|
|
||||||
static void ensureOperationPanel(void) {
|
|
||||||
if (operationPanel != nil) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
NSRect frame = NSMakeRect(0, 0, 360, 118);
|
|
||||||
operationPanel = [[NSPanel alloc]
|
|
||||||
initWithContentRect:frame
|
|
||||||
styleMask:NSWindowStyleMaskBorderless
|
|
||||||
backing:NSBackingStoreBuffered
|
|
||||||
defer:NO];
|
|
||||||
[operationPanel setOpaque:NO];
|
|
||||||
[operationPanel setBackgroundColor:[NSColor clearColor]];
|
|
||||||
[operationPanel setLevel:NSFloatingWindowLevel];
|
|
||||||
[operationPanel setHidesOnDeactivate:NO];
|
|
||||||
[operationPanel setCollectionBehavior:
|
|
||||||
NSWindowCollectionBehaviorCanJoinAllSpaces |
|
|
||||||
NSWindowCollectionBehaviorFullScreenAuxiliary |
|
|
||||||
NSWindowCollectionBehaviorStationary];
|
|
||||||
|
|
||||||
NSView *root = [[NSView alloc] initWithFrame:frame];
|
|
||||||
[root setWantsLayer:YES];
|
|
||||||
[[root layer] setCornerRadius:14];
|
|
||||||
[[root layer] setBackgroundColor:[[NSColor colorWithCalibratedWhite:0.08 alpha:0.92] CGColor]];
|
|
||||||
[[root layer] setShadowColor:[[NSColor blackColor] CGColor]];
|
|
||||||
[[root layer] setShadowOpacity:0.28];
|
|
||||||
[[root layer] setShadowRadius:18];
|
|
||||||
[[root layer] setShadowOffset:CGSizeMake(0, -8)];
|
|
||||||
|
|
||||||
operationSpinner = [[NSProgressIndicator alloc] initWithFrame:NSMakeRect(24, 42, 34, 34)];
|
|
||||||
[operationSpinner setStyle:NSProgressIndicatorStyleSpinning];
|
|
||||||
[operationSpinner setIndeterminate:YES];
|
|
||||||
|
|
||||||
operationIconLabel = [NSTextField labelWithString:@"OK"];
|
|
||||||
[operationIconLabel setFrame:NSMakeRect(21, 43, 42, 30)];
|
|
||||||
[operationIconLabel setAlignment:NSTextAlignmentCenter];
|
|
||||||
[operationIconLabel setFont:[NSFont systemFontOfSize:17 weight:NSFontWeightSemibold]];
|
|
||||||
[operationIconLabel setTextColor:[NSColor colorWithCalibratedRed:74.0/255.0 green:222.0/255.0 blue:128.0/255.0 alpha:1.0]];
|
|
||||||
[operationIconLabel setHidden:YES];
|
|
||||||
|
|
||||||
operationTitleLabel = [NSTextField labelWithString:@""];
|
|
||||||
[operationTitleLabel setFrame:NSMakeRect(76, 61, 260, 24)];
|
|
||||||
[operationTitleLabel setFont:[NSFont systemFontOfSize:15 weight:NSFontWeightSemibold]];
|
|
||||||
[operationTitleLabel setTextColor:[NSColor whiteColor]];
|
|
||||||
|
|
||||||
operationDetailLabel = [NSTextField labelWithString:@""];
|
|
||||||
[operationDetailLabel setFrame:NSMakeRect(76, 34, 260, 22)];
|
|
||||||
[operationDetailLabel setFont:[NSFont systemFontOfSize:12 weight:NSFontWeightRegular]];
|
|
||||||
[operationDetailLabel setTextColor:[NSColor colorWithCalibratedWhite:0.82 alpha:1.0]];
|
|
||||||
[operationDetailLabel setLineBreakMode:NSLineBreakByTruncatingTail];
|
|
||||||
|
|
||||||
[root addSubview:operationSpinner];
|
|
||||||
[root addSubview:operationIconLabel];
|
|
||||||
[root addSubview:operationTitleLabel];
|
|
||||||
[root addSubview:operationDetailLabel];
|
|
||||||
[operationPanel setContentView:root];
|
|
||||||
}
|
|
||||||
|
|
||||||
static void snipShowOperationStatus(const char *titleC, const char *detailC, int state) {
|
|
||||||
NSString *title = statusString(titleC);
|
|
||||||
NSString *detail = statusString(detailC);
|
|
||||||
dispatch_async(dispatch_get_main_queue(), ^{
|
|
||||||
ensureOperationPanel();
|
|
||||||
[operationTitleLabel setStringValue:title];
|
|
||||||
[operationDetailLabel setStringValue:detail];
|
|
||||||
|
|
||||||
if (state == 0) {
|
|
||||||
[operationIconLabel setHidden:YES];
|
|
||||||
[operationSpinner setHidden:NO];
|
|
||||||
[operationSpinner startAnimation:nil];
|
|
||||||
} else {
|
|
||||||
[operationSpinner stopAnimation:nil];
|
|
||||||
[operationSpinner setHidden:YES];
|
|
||||||
[operationIconLabel setHidden:NO];
|
|
||||||
if (state == 2) {
|
|
||||||
[operationIconLabel setStringValue:@"!"];
|
|
||||||
[operationIconLabel setTextColor:[NSColor colorWithCalibratedRed:248.0/255.0 green:113.0/255.0 blue:113.0/255.0 alpha:1.0]];
|
|
||||||
} else {
|
|
||||||
[operationIconLabel setStringValue:@"OK"];
|
|
||||||
[operationIconLabel setTextColor:[NSColor colorWithCalibratedRed:74.0/255.0 green:222.0/255.0 blue:128.0/255.0 alpha:1.0]];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
NSScreen *screen = [NSScreen mainScreen];
|
|
||||||
if (screen != nil) {
|
|
||||||
NSRect visible = [screen visibleFrame];
|
|
||||||
NSRect panelFrame = [operationPanel frame];
|
|
||||||
panelFrame.origin.x = NSMidX(visible) - panelFrame.size.width / 2;
|
|
||||||
panelFrame.origin.y = NSMaxY(visible) - panelFrame.size.height - 48;
|
|
||||||
[operationPanel setFrame:panelFrame display:YES];
|
|
||||||
}
|
|
||||||
[operationPanel orderFrontRegardless];
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
static void snipHideOperationStatus(void) {
|
|
||||||
dispatch_async(dispatch_get_main_queue(), ^{
|
|
||||||
if (operationPanel != nil) {
|
|
||||||
[operationSpinner stopAnimation:nil];
|
|
||||||
[operationPanel orderOut:nil];
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
import "C"
|
|
||||||
|
|
||||||
import (
|
|
||||||
"sync/atomic"
|
|
||||||
"time"
|
|
||||||
"unsafe"
|
|
||||||
)
|
|
||||||
|
|
||||||
const (
|
|
||||||
operationStatusRunning = iota
|
|
||||||
operationStatusSuccess
|
|
||||||
operationStatusError
|
|
||||||
)
|
|
||||||
|
|
||||||
var operationStatusSeq atomic.Uint64
|
|
||||||
|
|
||||||
func showOperationStatus(title, detail string, state int) {
|
|
||||||
operationStatusSeq.Add(1)
|
|
||||||
ctitle := C.CString(title)
|
|
||||||
cdetail := C.CString(detail)
|
|
||||||
defer C.free(unsafe.Pointer(ctitle))
|
|
||||||
defer C.free(unsafe.Pointer(cdetail))
|
|
||||||
C.snipShowOperationStatus(ctitle, cdetail, C.int(state))
|
|
||||||
}
|
|
||||||
|
|
||||||
func hideOperationStatusAfter(delay time.Duration) {
|
|
||||||
seq := operationStatusSeq.Load()
|
|
||||||
time.AfterFunc(delay, func() {
|
|
||||||
if operationStatusSeq.Load() == seq {
|
|
||||||
C.snipHideOperationStatus()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
//go:build !darwin
|
|
||||||
|
|
||||||
package main
|
|
||||||
|
|
||||||
import "time"
|
|
||||||
|
|
||||||
const (
|
|
||||||
operationStatusRunning = iota
|
|
||||||
operationStatusSuccess
|
|
||||||
operationStatusError
|
|
||||||
)
|
|
||||||
|
|
||||||
func showOperationStatus(_ string, _ string, _ int) {}
|
|
||||||
|
|
||||||
func hideOperationStatusAfter(_ time.Duration) {}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
VITE_BASE_PATH=/
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
node_modules
|
|
||||||
dist
|
|
||||||
dist-ssr
|
|
||||||
.vite
|
|
||||||
.DS_Store
|
|
||||||
*.log
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<link rel="icon" type="image/png" href="%BASE_URL%favicon.png" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<meta
|
|
||||||
name="description"
|
|
||||||
content="SnapGo — 截完图，链接已经在你剪贴板里。常驻菜单栏的轻量截图工具，一键上传到你自己的 S3 兼容对象存储。"
|
|
||||||
/>
|
|
||||||
<meta property="og:title" content="SnapGo — 截完图，链接已经在剪贴板里" />
|
|
||||||
<meta
|
|
||||||
property="og:description"
|
|
||||||
content="常驻菜单栏的轻量截图工具，一键上传到你自己的 S3 兼容对象存储。"
|
|
||||||
/>
|
|
||||||
<title>SnapGo — 截完图，链接已经在剪贴板里</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="root"></div>
|
|
||||||
<script type="module" src="/src/main.tsx"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Generated
-2239
File diff suppressed because it is too large
Load Diff
@@ -1,25 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "snapgo-landing",
|
|
||||||
"private": true,
|
|
||||||
"version": "0.1.0",
|
|
||||||
"type": "module",
|
|
||||||
"scripts": {
|
|
||||||
"dev": "vite",
|
|
||||||
"build": "tsc -b && vite build",
|
|
||||||
"preview": "vite preview",
|
|
||||||
"typecheck": "tsc -b --noEmit"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"react": "^18.3.1",
|
|
||||||
"react-dom": "^18.3.1"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@tailwindcss/vite": "^4.0.0",
|
|
||||||
"@types/react": "^18.3.12",
|
|
||||||
"@types/react-dom": "^18.3.1",
|
|
||||||
"@vitejs/plugin-react": "^4.3.4",
|
|
||||||
"tailwindcss": "^4.0.0",
|
|
||||||
"typescript": "^5.6.3",
|
|
||||||
"vite": "^5.4.11"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,192 +0,0 @@
|
|||||||
import { useMemo, useRef, useState } from "react";
|
|
||||||
import logoUrl from "./assets/logo-universal.png";
|
|
||||||
|
|
||||||
const slides = [
|
|
||||||
{
|
|
||||||
eyebrow: "UPLOAD",
|
|
||||||
title: "直达云端",
|
|
||||||
body: "截图可直接保存至对象存储、远端服务器等，并将地址直接复制到剪切板。",
|
|
||||||
metric: "OBS / SSH / FTP",
|
|
||||||
feature: "支持多种远端存储配置",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
eyebrow: "IDENTIFICATION",
|
|
||||||
title: "智能识别",
|
|
||||||
body: "截图可按你配置进行 AI 识别与总结，直接将你所需要的答案复制到剪切板。",
|
|
||||||
metric: "AI",
|
|
||||||
feature: "支持自定义 prompt 与多 provider",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
eyebrow: "OCR",
|
|
||||||
title: "文字提取",
|
|
||||||
body: "截图可自动识别其中的文本文字，并将文字直接复制到剪切板。",
|
|
||||||
metric: "TEXT",
|
|
||||||
feature: "兼容多个主流的 OCR 服务",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
eyebrow: "CAPTURE",
|
|
||||||
title: "功能完备",
|
|
||||||
body: "完善的截图功能，支持各类标注、打码，直接复制与本机保存。",
|
|
||||||
metric: "⌘⇧S",
|
|
||||||
feature: "全局快捷键唤起",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
function Logo() {
|
|
||||||
return (
|
|
||||||
<div className="brand" aria-label="SnapGo logo">
|
|
||||||
<div className="brand-main">
|
|
||||||
<span className="logo-mark">
|
|
||||||
<img src={logoUrl} alt="SnapGo" />
|
|
||||||
</span>
|
|
||||||
<span className="brand-name">SnapGo</span>
|
|
||||||
</div>
|
|
||||||
<p className="brand-overline">AI SCREENSHOT UTILITY</p>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function App() {
|
|
||||||
const [activeSlide, setActiveSlide] = useState(0);
|
|
||||||
const dragStartX = useRef<number | null>(null);
|
|
||||||
const active = slides[activeSlide];
|
|
||||||
|
|
||||||
const accentDots = useMemo(
|
|
||||||
() =>
|
|
||||||
slides.map((slide, index) => (
|
|
||||||
<button
|
|
||||||
key={slide.eyebrow}
|
|
||||||
className={`dot ${index === activeSlide ? "is-active" : ""}`}
|
|
||||||
type="button"
|
|
||||||
aria-label={`查看 ${slide.title}`}
|
|
||||||
onClick={() => setActiveSlide(index)}
|
|
||||||
/>
|
|
||||||
)),
|
|
||||||
[activeSlide],
|
|
||||||
);
|
|
||||||
|
|
||||||
function moveSlide(direction: -1 | 1) {
|
|
||||||
setActiveSlide((current) => (current + direction + slides.length) % slides.length);
|
|
||||||
}
|
|
||||||
|
|
||||||
function handlePointerEnd(clientX: number) {
|
|
||||||
if (dragStartX.current === null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const delta = clientX - dragStartX.current;
|
|
||||||
dragStartX.current = null;
|
|
||||||
if (Math.abs(delta) < 42) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
moveSlide(delta > 0 ? -1 : 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<main className="landing-shell">
|
|
||||||
<div className="ambient ambient-one" aria-hidden="true" />
|
|
||||||
<div className="ambient ambient-two" aria-hidden="true" />
|
|
||||||
<Logo />
|
|
||||||
|
|
||||||
<section className="hero-copy" aria-labelledby="landing-title">
|
|
||||||
<h1 id="landing-title">AI 时代的截图工具</h1>
|
|
||||||
<p className="subtitle">高效、便捷、专为 AI 交互设计</p>
|
|
||||||
<p className="intro">
|
|
||||||
智能识图，发布链接，提取文本..
|
|
||||||
<br />
|
|
||||||
你能想到的都能一键解决
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div className="cta-row" aria-label="下载与项目链接">
|
|
||||||
<div className="download-cta-group">
|
|
||||||
<a className="primary-cta" href="https://gitea.mamamiyear.site/mamamiyear/SnapGo">
|
|
||||||
<span className="apple-logo" aria-hidden="true"></span>
|
|
||||||
下载 Mac 应用
|
|
||||||
<svg viewBox="0 0 20 20" aria-hidden="true">
|
|
||||||
<path d="M5 10h9M10.5 6.5 14 10l-3.5 3.5" />
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<span className="platform-note">Windows/Linux 版本紧锣密鼓开发中</span>
|
|
||||||
</div>
|
|
||||||
<a
|
|
||||||
className="github-cta"
|
|
||||||
href="https://gitea.mamamiyear.site/mamamiyear/SnapGo"
|
|
||||||
aria-label="查看源码"
|
|
||||||
title="查看源码"
|
|
||||||
>
|
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
|
||||||
<path
|
|
||||||
fillRule="evenodd"
|
|
||||||
clipRule="evenodd"
|
|
||||||
d="M12 2C6.48 2 2 6.58 2 12.23c0 4.52 2.87 8.35 6.84 9.7.5.09.68-.22.68-.49 0-.24-.01-.88-.01-1.73-2.78.62-3.37-1.37-3.37-1.37-.45-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.63.07-.63 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.34 1.12 2.91.86.09-.67.35-1.12.64-1.38-2.22-.26-4.56-1.14-4.56-5.06 0-1.12.39-2.03 1.03-2.74-.1-.26-.45-1.3.1-2.7 0 0 .84-.28 2.75 1.05A9.32 9.32 0 0 1 12 6.96c.85 0 1.7.12 2.5.34 1.91-1.33 2.75-1.05 2.75-1.05.55 1.4.2 2.44.1 2.7.64.71 1.03 1.62 1.03 2.74 0 3.93-2.34 4.8-4.57 5.05.36.32.68.94.68 1.9 0 1.38-.01 2.49-.01 2.83 0 .27.18.59.69.49A10.1 10.1 0 0 0 22 12.23C22 6.58 17.52 2 12 2Z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section className="product-showcase" aria-label="SnapGo 功能效果展示">
|
|
||||||
<div
|
|
||||||
className="device-card"
|
|
||||||
onPointerDown={(event) => {
|
|
||||||
dragStartX.current = event.clientX;
|
|
||||||
}}
|
|
||||||
onPointerUp={(event) => handlePointerEnd(event.clientX)}
|
|
||||||
onPointerCancel={() => {
|
|
||||||
dragStartX.current = null;
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div className="window-chrome" aria-hidden="true">
|
|
||||||
<span />
|
|
||||||
<span />
|
|
||||||
<span />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="preview-stage">
|
|
||||||
<div className="capture-frame">
|
|
||||||
<span className="corner top-left" />
|
|
||||||
<span className="corner top-right" />
|
|
||||||
<span className="corner bottom-left" />
|
|
||||||
<span className="corner bottom-right" />
|
|
||||||
<div className="preview-card floating-card card-one">
|
|
||||||
<span>Upload</span>
|
|
||||||
<strong>snapgo/2026/capture.png</strong>
|
|
||||||
</div>
|
|
||||||
<div className="preview-card floating-card card-two">
|
|
||||||
<span>Copied</span>
|
|
||||||
<strong>https://cdn.example.com/...</strong>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="slide-panel" key={active.title}>
|
|
||||||
<p>{active.eyebrow}</p>
|
|
||||||
<h2>{active.title}</h2>
|
|
||||||
<span>{active.body}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="carousel-bar">
|
|
||||||
<button type="button" className="nav-btn" aria-label="上一项" onClick={() => moveSlide(-1)}>
|
|
||||||
<svg viewBox="0 0 20 20" aria-hidden="true">
|
|
||||||
<path d="m12 5-5 5 5 5" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<div className="slide-meta" aria-live="polite">
|
|
||||||
<strong>{active.metric}</strong>
|
|
||||||
<span>{active.feature}</span>
|
|
||||||
</div>
|
|
||||||
<div className="dots" aria-label="轮播分页">
|
|
||||||
{accentDots}
|
|
||||||
</div>
|
|
||||||
<button type="button" className="nav-btn" aria-label="下一项" onClick={() => moveSlide(1)}>
|
|
||||||
<svg viewBox="0 0 20 20" aria-hidden="true">
|
|
||||||
<path d="m8 5 5 5-5 5" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
@@ -1,861 +0,0 @@
|
|||||||
@import "tailwindcss";
|
|
||||||
|
|
||||||
:root {
|
|
||||||
color-scheme: light;
|
|
||||||
font-family:
|
|
||||||
-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI",
|
|
||||||
"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, sans-serif;
|
|
||||||
background: #f5f7fb;
|
|
||||||
color: #111827;
|
|
||||||
font-synthesis: none;
|
|
||||||
text-rendering: optimizeLegibility;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html,
|
|
||||||
body,
|
|
||||||
#root {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
min-height: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
background:
|
|
||||||
radial-gradient(circle at 13% 20%, rgba(171, 199, 255, 0.34), transparent 27%),
|
|
||||||
radial-gradient(circle at 86% 77%, rgba(214, 226, 255, 0.72), transparent 31%),
|
|
||||||
linear-gradient(135deg, #fbfcff 0%, #f3f6fb 46%, #edf2fb 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
a {
|
|
||||||
font: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.landing-shell {
|
|
||||||
position: relative;
|
|
||||||
isolation: isolate;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: minmax(0, 0.94fr) minmax(320px, 1.06fr);
|
|
||||||
align-items: center;
|
|
||||||
gap: clamp(24px, 5vw, 84px);
|
|
||||||
width: 100%;
|
|
||||||
height: 100dvh;
|
|
||||||
max-height: 100dvh;
|
|
||||||
padding: clamp(22px, 4.4vw, 72px);
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ambient {
|
|
||||||
position: absolute;
|
|
||||||
z-index: -2;
|
|
||||||
border-radius: 999px;
|
|
||||||
filter: blur(6px);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ambient-one {
|
|
||||||
top: 7%;
|
|
||||||
right: 12%;
|
|
||||||
width: 32vw;
|
|
||||||
height: 32vw;
|
|
||||||
background: radial-gradient(circle, rgba(120, 152, 255, 0.23), transparent 64%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.ambient-two {
|
|
||||||
left: 23%;
|
|
||||||
bottom: -18%;
|
|
||||||
width: 46vw;
|
|
||||||
height: 46vw;
|
|
||||||
background: radial-gradient(circle, rgba(255, 255, 255, 0.95), transparent 62%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-copy {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-start;
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand {
|
|
||||||
position: absolute;
|
|
||||||
top: clamp(22px, 4.4vw, 72px);
|
|
||||||
left: clamp(22px, 4.4vw, 72px);
|
|
||||||
z-index: 2;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-start;
|
|
||||||
gap: 11px;
|
|
||||||
color: #111827;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-main {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
font-weight: 700;
|
|
||||||
letter-spacing: -0.03em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo-mark {
|
|
||||||
display: grid;
|
|
||||||
place-items: center;
|
|
||||||
width: 46px;
|
|
||||||
height: 46px;
|
|
||||||
overflow: hidden;
|
|
||||||
border-radius: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo-mark img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: contain;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-name {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-overline {
|
|
||||||
margin: 0;
|
|
||||||
color: #5e6f8f;
|
|
||||||
font-size: clamp(12px, 1.4vw, 14px);
|
|
||||||
font-weight: 700;
|
|
||||||
letter-spacing: 0.16em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
max-width: 780px;
|
|
||||||
margin: 0;
|
|
||||||
color: #07111f;
|
|
||||||
font-size: clamp(40px, 5.2vw, 76px);
|
|
||||||
font-weight: 800;
|
|
||||||
letter-spacing: -0.045em;
|
|
||||||
line-height: 1.04;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
max-width: 660px;
|
|
||||||
margin: clamp(16px, 2.6vh, 26px) 0 0;
|
|
||||||
color: #26354a;
|
|
||||||
font-size: clamp(19px, 1.9vw, 26px);
|
|
||||||
font-weight: 650;
|
|
||||||
letter-spacing: -0.02em;
|
|
||||||
line-height: 1.25;
|
|
||||||
}
|
|
||||||
|
|
||||||
.intro {
|
|
||||||
max-width: 590px;
|
|
||||||
margin: clamp(12px, 2vh, 22px) 0 0;
|
|
||||||
color: #667287;
|
|
||||||
font-size: clamp(14px, 1.3vw, 17px);
|
|
||||||
line-height: 1.78;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cta-row {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: flex-start;
|
|
||||||
gap: 12px;
|
|
||||||
margin-top: clamp(22px, 4vh, 42px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.download-cta-group {
|
|
||||||
display: inline-flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.platform-note {
|
|
||||||
color: #768298;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.01em;
|
|
||||||
line-height: 1.35;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-cta,
|
|
||||||
.github-cta {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
min-height: 48px;
|
|
||||||
border-radius: 999px;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 700;
|
|
||||||
letter-spacing: -0.01em;
|
|
||||||
transition:
|
|
||||||
transform 180ms ease,
|
|
||||||
box-shadow 180ms ease,
|
|
||||||
background 180ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-cta {
|
|
||||||
gap: 9px;
|
|
||||||
padding: 0 22px 0 24px;
|
|
||||||
color: #fff;
|
|
||||||
background: #0a84ff;
|
|
||||||
box-shadow: 0 18px 38px rgba(10, 132, 255, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.apple-logo {
|
|
||||||
display: inline-block;
|
|
||||||
width: 17px;
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
|
|
||||||
font-size: 19px;
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: 1;
|
|
||||||
transform: translateY(-1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-cta svg,
|
|
||||||
.nav-btn svg {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
fill: none;
|
|
||||||
stroke: currentColor;
|
|
||||||
stroke-width: 2;
|
|
||||||
stroke-linecap: round;
|
|
||||||
stroke-linejoin: round;
|
|
||||||
}
|
|
||||||
|
|
||||||
.github-cta {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
color: #1f2937;
|
|
||||||
background: rgba(255, 255, 255, 0.66);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.86);
|
|
||||||
box-shadow: 0 15px 34px rgba(54, 69, 98, 0.09);
|
|
||||||
backdrop-filter: blur(18px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.github-cta svg {
|
|
||||||
width: 23px;
|
|
||||||
height: 23px;
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-cta:hover,
|
|
||||||
.github-cta:hover,
|
|
||||||
.nav-btn:hover {
|
|
||||||
transform: translateY(-2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-cta:focus-visible,
|
|
||||||
.github-cta:focus-visible,
|
|
||||||
.nav-btn:focus-visible,
|
|
||||||
.dot:focus-visible {
|
|
||||||
outline: 3px solid rgba(10, 132, 255, 0.32);
|
|
||||||
outline-offset: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-showcase {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
min-width: 0;
|
|
||||||
gap: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.device-card {
|
|
||||||
position: relative;
|
|
||||||
min-height: clamp(390px, 66vh, 650px);
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: grab;
|
|
||||||
touch-action: pan-y;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.68);
|
|
||||||
border-radius: clamp(30px, 4vw, 56px);
|
|
||||||
background:
|
|
||||||
linear-gradient(145deg, rgba(255, 255, 255, 0.77), rgba(246, 248, 253, 0.48)),
|
|
||||||
rgba(255, 255, 255, 0.62);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 1px 0 rgba(255, 255, 255, 0.86),
|
|
||||||
0 35px 85px rgba(52, 68, 100, 0.18),
|
|
||||||
0 8px 22px rgba(52, 68, 100, 0.08);
|
|
||||||
backdrop-filter: blur(28px) saturate(1.18);
|
|
||||||
}
|
|
||||||
|
|
||||||
.device-card:active {
|
|
||||||
cursor: grabbing;
|
|
||||||
}
|
|
||||||
|
|
||||||
.device-card::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
inset: 10% 8% auto auto;
|
|
||||||
width: 48%;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: radial-gradient(circle, rgba(10, 132, 255, 0.16), transparent 62%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.window-chrome {
|
|
||||||
position: absolute;
|
|
||||||
top: 22px;
|
|
||||||
left: 24px;
|
|
||||||
display: flex;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.window-chrome span {
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: #d8dee9;
|
|
||||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
|
|
||||||
}
|
|
||||||
|
|
||||||
.window-chrome span:nth-child(1) {
|
|
||||||
background: #ff5f57;
|
|
||||||
}
|
|
||||||
|
|
||||||
.window-chrome span:nth-child(2) {
|
|
||||||
background: #febc2e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.window-chrome span:nth-child(3) {
|
|
||||||
background: #28c840;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-stage {
|
|
||||||
position: absolute;
|
|
||||||
inset: 74px clamp(22px, 4vw, 52px) 154px;
|
|
||||||
display: grid;
|
|
||||||
place-items: center;
|
|
||||||
border-radius: 34px;
|
|
||||||
background:
|
|
||||||
linear-gradient(rgba(16, 24, 40, 0.045) 1px, transparent 1px),
|
|
||||||
linear-gradient(90deg, rgba(16, 24, 40, 0.045) 1px, transparent 1px),
|
|
||||||
linear-gradient(155deg, rgba(244, 247, 252, 0.82), rgba(255, 255, 255, 0.62));
|
|
||||||
background-size: 34px 34px, 34px 34px, auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.capture-frame {
|
|
||||||
position: relative;
|
|
||||||
width: min(72%, 430px);
|
|
||||||
aspect-ratio: 1.34;
|
|
||||||
border: 2px solid rgba(10, 132, 255, 0.68);
|
|
||||||
border-radius: 24px;
|
|
||||||
background:
|
|
||||||
radial-gradient(circle at 25% 28%, rgba(10, 132, 255, 0.14), transparent 27%),
|
|
||||||
linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 241, 253, 0.7));
|
|
||||||
box-shadow:
|
|
||||||
0 24px 70px rgba(43, 78, 130, 0.18),
|
|
||||||
inset 0 0 0 1px rgba(255, 255, 255, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.corner {
|
|
||||||
position: absolute;
|
|
||||||
width: 21px;
|
|
||||||
height: 21px;
|
|
||||||
border-color: #0a84ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-left {
|
|
||||||
top: -7px;
|
|
||||||
left: -7px;
|
|
||||||
border-top: 4px solid;
|
|
||||||
border-left: 4px solid;
|
|
||||||
border-radius: 8px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-right {
|
|
||||||
top: -7px;
|
|
||||||
right: -7px;
|
|
||||||
border-top: 4px solid;
|
|
||||||
border-right: 4px solid;
|
|
||||||
border-radius: 0 8px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-left {
|
|
||||||
bottom: -7px;
|
|
||||||
left: -7px;
|
|
||||||
border-bottom: 4px solid;
|
|
||||||
border-left: 4px solid;
|
|
||||||
border-radius: 0 0 0 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-right {
|
|
||||||
right: -7px;
|
|
||||||
bottom: -7px;
|
|
||||||
border-right: 4px solid;
|
|
||||||
border-bottom: 4px solid;
|
|
||||||
border-radius: 0 0 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-card {
|
|
||||||
position: absolute;
|
|
||||||
width: min(250px, 58vw);
|
|
||||||
padding: 14px 16px;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.78);
|
|
||||||
border-radius: 18px;
|
|
||||||
background: rgba(255, 255, 255, 0.78);
|
|
||||||
box-shadow: 0 22px 46px rgba(49, 62, 91, 0.16);
|
|
||||||
backdrop-filter: blur(18px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-card span {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
color: #7a8799;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 700;
|
|
||||||
letter-spacing: 0.12em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-card strong {
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
color: #142033;
|
|
||||||
font-size: 13px;
|
|
||||||
letter-spacing: -0.02em;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-one {
|
|
||||||
top: 22%;
|
|
||||||
left: -18%;
|
|
||||||
animation: float-card 5.2s ease-in-out infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-two {
|
|
||||||
right: -16%;
|
|
||||||
bottom: 16%;
|
|
||||||
animation: float-card 5.2s ease-in-out 0.7s infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-panel {
|
|
||||||
position: absolute;
|
|
||||||
right: clamp(22px, 4vw, 52px);
|
|
||||||
bottom: 34px;
|
|
||||||
left: clamp(22px, 4vw, 52px);
|
|
||||||
min-height: 92px;
|
|
||||||
animation: fade-slide 260ms ease both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-panel p {
|
|
||||||
margin: 0 0 7px;
|
|
||||||
color: #0a84ff;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 800;
|
|
||||||
letter-spacing: 0.16em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-panel h2 {
|
|
||||||
margin: 0;
|
|
||||||
color: #0b1524;
|
|
||||||
font-size: clamp(27px, 3vw, 42px);
|
|
||||||
font-weight: 780;
|
|
||||||
letter-spacing: -0.055em;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-panel span {
|
|
||||||
display: block;
|
|
||||||
max-width: 620px;
|
|
||||||
margin-top: 10px;
|
|
||||||
color: #657186;
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 1.58;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-bar {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 48px minmax(0, 1fr) auto 48px;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
padding: 10px;
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.72);
|
|
||||||
border-radius: 999px;
|
|
||||||
background: rgba(255, 255, 255, 0.58);
|
|
||||||
box-shadow: 0 18px 42px rgba(52, 68, 100, 0.1);
|
|
||||||
backdrop-filter: blur(22px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-btn {
|
|
||||||
display: grid;
|
|
||||||
place-items: center;
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
color: #1f2937;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: rgba(255, 255, 255, 0.78);
|
|
||||||
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
|
|
||||||
transition:
|
|
||||||
transform 180ms ease,
|
|
||||||
background 180ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-meta {
|
|
||||||
display: flex;
|
|
||||||
min-width: 0;
|
|
||||||
align-items: baseline;
|
|
||||||
gap: 10px;
|
|
||||||
padding-left: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-meta strong {
|
|
||||||
color: #0a1220;
|
|
||||||
font-size: 20px;
|
|
||||||
letter-spacing: -0.04em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-meta span {
|
|
||||||
overflow: hidden;
|
|
||||||
color: #667287;
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 600;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dots {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dot {
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
padding: 0;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: rgba(106, 119, 140, 0.32);
|
|
||||||
transition:
|
|
||||||
width 180ms ease,
|
|
||||||
background 180ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dot.is-active {
|
|
||||||
width: 24px;
|
|
||||||
background: #0a84ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes float-card {
|
|
||||||
0%,
|
|
||||||
100% {
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
50% {
|
|
||||||
transform: translate3d(0, -10px, 0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fade-slide {
|
|
||||||
from {
|
|
||||||
opacity: 0;
|
|
||||||
transform: translateY(8px);
|
|
||||||
}
|
|
||||||
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 860px) {
|
|
||||||
html,
|
|
||||||
body,
|
|
||||||
#root {
|
|
||||||
height: auto;
|
|
||||||
min-height: 100%;
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
overflow-x: clip;
|
|
||||||
}
|
|
||||||
|
|
||||||
body,
|
|
||||||
#root {
|
|
||||||
min-height: 100svh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.landing-shell {
|
|
||||||
align-content: start;
|
|
||||||
align-items: stretch;
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
grid-template-rows: auto auto;
|
|
||||||
gap: 18px;
|
|
||||||
height: auto;
|
|
||||||
min-height: 100svh;
|
|
||||||
max-height: none;
|
|
||||||
padding: 124px 18px 18px;
|
|
||||||
overflow: clip;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-copy {
|
|
||||||
align-items: center;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand {
|
|
||||||
top: 18px;
|
|
||||||
left: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
max-width: 620px;
|
|
||||||
font-size: clamp(38px, 8.4vw, 60px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
max-width: 560px;
|
|
||||||
margin-top: 12px;
|
|
||||||
font-size: clamp(17px, 4vw, 22px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.intro {
|
|
||||||
max-width: 620px;
|
|
||||||
margin-top: 9px;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 1.55;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cta-row {
|
|
||||||
justify-content: center;
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-showcase {
|
|
||||||
min-height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.device-card {
|
|
||||||
height: clamp(350px, 68vw, 470px);
|
|
||||||
min-height: clamp(350px, 68vw, 470px);
|
|
||||||
max-height: none;
|
|
||||||
border-radius: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-stage {
|
|
||||||
inset: 52px 18px 118px;
|
|
||||||
border-radius: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.capture-frame {
|
|
||||||
width: min(58%, 270px);
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-panel {
|
|
||||||
right: 22px;
|
|
||||||
bottom: 22px;
|
|
||||||
left: 22px;
|
|
||||||
min-height: 72px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-panel h2 {
|
|
||||||
font-size: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-panel span {
|
|
||||||
margin-top: 6px;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 1.45;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 560px) {
|
|
||||||
.landing-shell {
|
|
||||||
padding: 114px 14px 14px;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand {
|
|
||||||
top: 14px;
|
|
||||||
left: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo-mark {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
border-radius: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-name {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-overline {
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: clamp(34px, 10vw, 46px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.intro {
|
|
||||||
display: -webkit-box;
|
|
||||||
overflow: hidden;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-cta,
|
|
||||||
.github-cta {
|
|
||||||
min-height: 44px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-cta {
|
|
||||||
padding-inline: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.github-cta {
|
|
||||||
width: 44px;
|
|
||||||
height: 44px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.platform-note {
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.device-card {
|
|
||||||
height: 350px;
|
|
||||||
min-height: 350px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.window-chrome {
|
|
||||||
top: 17px;
|
|
||||||
left: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-stage {
|
|
||||||
inset: 46px 14px 112px;
|
|
||||||
background-size: 28px 28px, 28px 28px, auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.capture-frame {
|
|
||||||
width: min(58%, 240px);
|
|
||||||
border-radius: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-card {
|
|
||||||
width: 180px;
|
|
||||||
padding: 11px 12px;
|
|
||||||
border-radius: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-card strong {
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-one {
|
|
||||||
left: -22%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-two {
|
|
||||||
right: -22%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-panel h2 {
|
|
||||||
font-size: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-panel span {
|
|
||||||
display: -webkit-box;
|
|
||||||
overflow: hidden;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-bar {
|
|
||||||
grid-template-columns: 42px minmax(0, 1fr) 42px;
|
|
||||||
border-radius: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dots {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-btn {
|
|
||||||
width: 42px;
|
|
||||||
height: 42px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-meta {
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-start;
|
|
||||||
gap: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-meta strong {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-meta span {
|
|
||||||
max-width: 100%;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-height: 700px) and (min-width: 861px) {
|
|
||||||
.landing-shell {
|
|
||||||
padding-block: 74px 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand {
|
|
||||||
top: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: clamp(42px, 5vw, 64px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
margin-top: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.intro {
|
|
||||||
line-height: 1.55;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cta-row {
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.device-card {
|
|
||||||
min-height: 500px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
scroll-behavior: auto !important;
|
|
||||||
animation-duration: 0.01ms !important;
|
|
||||||
animation-iteration-count: 1 !important;
|
|
||||||
transition-duration: 0.01ms !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
import React from "react";
|
|
||||||
import ReactDOM from "react-dom/client";
|
|
||||||
import App from "./App";
|
|
||||||
import "./index.css";
|
|
||||||
|
|
||||||
ReactDOM.createRoot(document.getElementById("root")!).render(
|
|
||||||
<React.StrictMode>
|
|
||||||
<App />
|
|
||||||
</React.StrictMode>,
|
|
||||||
);
|
|
||||||
Vendored
-1
@@ -1 +0,0 @@
|
|||||||
/// <reference types="vite/client" />
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "ES2022",
|
|
||||||
"lib": ["ES2022", "DOM", "DOM.Iterable"],
|
|
||||||
"module": "ESNext",
|
|
||||||
"moduleResolution": "bundler",
|
|
||||||
"jsx": "react-jsx",
|
|
||||||
"strict": true,
|
|
||||||
"noUnusedLocals": true,
|
|
||||||
"noUnusedParameters": true,
|
|
||||||
"noFallthroughCasesInSwitch": true,
|
|
||||||
"skipLibCheck": true,
|
|
||||||
"esModuleInterop": true,
|
|
||||||
"allowSyntheticDefaultImports": true,
|
|
||||||
"resolveJsonModule": true,
|
|
||||||
"isolatedModules": true,
|
|
||||||
"useDefineForClassFields": true,
|
|
||||||
"allowImportingTsExtensions": false,
|
|
||||||
"noEmit": true
|
|
||||||
},
|
|
||||||
"include": ["src"]
|
|
||||||
}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
{
|
|
||||||
"files": [],
|
|
||||||
"references": [
|
|
||||||
{ "path": "./tsconfig.app.json" },
|
|
||||||
{ "path": "./tsconfig.node.json" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "ES2022",
|
|
||||||
"lib": ["ES2023"],
|
|
||||||
"module": "ESNext",
|
|
||||||
"moduleResolution": "bundler",
|
|
||||||
"strict": true,
|
|
||||||
"skipLibCheck": true,
|
|
||||||
"esModuleInterop": true,
|
|
||||||
"allowSyntheticDefaultImports": true,
|
|
||||||
"isolatedModules": true,
|
|
||||||
"noEmit": true
|
|
||||||
},
|
|
||||||
"include": ["vite.config.ts"]
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
import { defineConfig, loadEnv } from "vite";
|
|
||||||
import react from "@vitejs/plugin-react";
|
|
||||||
import tailwindcss from "@tailwindcss/vite";
|
|
||||||
|
|
||||||
// https://vitejs.dev/config/
|
|
||||||
export default defineConfig(({ mode }) => {
|
|
||||||
const env = loadEnv(mode, ".", "");
|
|
||||||
|
|
||||||
return {
|
|
||||||
base: env.VITE_BASE_PATH || "/",
|
|
||||||
plugins: [react(), tailwindcss()],
|
|
||||||
server: {
|
|
||||||
port: 5273,
|
|
||||||
open: true,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -43,9 +43,6 @@ sleep 0.4
|
|||||||
# --identity flag in v2.
|
# --identity flag in v2.
|
||||||
ARCH="${ARCH:-arm64}"
|
ARCH="${ARCH:-arm64}"
|
||||||
echo "[dev-build.sh] building darwin/${ARCH}..."
|
echo "[dev-build.sh] building darwin/${ARCH}..."
|
||||||
# Allow the -Wl,-no_warn_duplicate_libraries flag declared in the darwin cgo
|
|
||||||
# files past Go's cgo LDFLAGS allowlist (see activation_policy_darwin.go).
|
|
||||||
export CGO_LDFLAGS_ALLOW='-Wl,-no_warn_duplicate_libraries'
|
|
||||||
wails build -platform "darwin/${ARCH}" -clean
|
wails build -platform "darwin/${ARCH}" -clean
|
||||||
|
|
||||||
# 5. Re-sign with the stable dev cert. We invoke sign.sh through env var
|
# 5. Re-sign with the stable dev cert. We invoke sign.sh through env var
|
||||||
|
|||||||
+1
-3
@@ -35,9 +35,7 @@ echo "================================================================"
|
|||||||
# ---- 1. Build ----
|
# ---- 1. Build ----
|
||||||
echo ""
|
echo ""
|
||||||
echo "[release.sh] (1/4) wails build"
|
echo "[release.sh] (1/4) wails build"
|
||||||
# Allow the -Wl,-no_warn_duplicate_libraries flag declared in the darwin cgo
|
( cd "${ROOT_DIR}" && wails build -platform "${WAILS_PLATFORM}" -clean )
|
||||||
# files past Go's cgo LDFLAGS allowlist (see activation_policy_darwin.go).
|
|
||||||
( cd "${ROOT_DIR}" && CGO_LDFLAGS_ALLOW='-Wl,-no_warn_duplicate_libraries' wails build -platform "${WAILS_PLATFORM}" -clean )
|
|
||||||
|
|
||||||
# ---- 2. Sign .app ----
|
# ---- 2. Sign .app ----
|
||||||
echo ""
|
echo ""
|
||||||
|
|||||||
Reference in New Issue
Block a user