返回

文章详情

展示 HN: Edge Drop - #1 生产力与独特剪贴板 200 星在 GitHub

Hacker News2026年7月30日 06:03

一个零点击、悬停激活的剪贴板架和本地操作系统文件传输中心,位于桌面上。隐形地住在屏幕边缘。靠近它,它会打开。将任何东西拖出来 - 进入 Photoshop、Word、Slack、资源管理器,任何地方。快速入门 · 演示 · 功能 · 代码库与架构 · 安全性 · 路线图 · 贡献 用 Electron · React · TypeScript · Framer Motion · Zustand 构建 许可证: Apache-2.0 · 状态: 公共测试版 每个市场上的剪贴板管理器都会打破你的工作流程。你复制了东西、切换应用、粘贴,然后用箭头键在 Win+V 历史记录中查找,或者深入托盘菜单。多步骤。模态。慢。Edge-Drop 消除了这种摩擦。它作为一个透明的、始终在顶部的、可点击的表面,锚定在你显示器的屏幕边缘。当你的光标靠近边缘时,架子会弹开。将图像、文件堆、富文本和 HTML 包直接从中拖出 - 直接放入你已经使用的任何桌面应用中。没有快捷键。没有窗口切换。没有模态对话框。它是为开发者和创意工作流程而构建的,你需要在许多窗口之间不断处理屏幕截图、代码片段、文件路径、设计资产和参考链接。 演示 所有演示都是静默的自动播放循环。悬停以调节,右键 → 在新标签中打开以全尺寸查看。 1. 欢迎使用 Edge-Drop placeholder_welcome.mp4 2. 收集任何东西 placeholder_copy.1.mp4 3. 随处拖放 placeholder_drag.mp4 4. 探索文件堆 placeholder_stacks.mp4 5. 拆分与分组文件 placeholder_ungroup.mp4 6. 合并与合并项目 placeholder_merge.mp4 7. 预览弹出窗口 Preview_Flyout.mp4 快速入门 先决条件 Node.js 版本 18 或更高 操作系统: Windows 10/11(使用 Win32 OLE 拖放管道和透明窗口光标轮询) 从源代码运行 git clone https://github.com/Deepender25/Edge-Drop.git cd Edge-Drop npm install npm run dev # 启动 Electron + Vite HMR 类型检查 npm run typecheck # 会对节点和 Web 配置运行 tsc --noEmit 构建 Windows 安装程序 npm run build:github # 输出 NSIS .exe 用于 GitHub 发布 npm run build:store # 输出 MSIX .appx 用于微软商店提交 注意 在 Windows 上,如果打包失败并显示 EBUSY: 资源忙或被锁定,请先关闭任何正在运行的 Edge-Drop 实例: taskkill /F /IM electron.exe /T . 特点 零点击边缘悬停 无框、透明的、始终在顶部的 BrowserWindow 恒定在 x=0 或右屏边缘 在折叠时 100% 点击穿透 - 桌面保持完全可用 可配置热区高度(屏幕的 25% / 40% / 60%)和刀片高度(50% - 80%) 独立边缘触发放置:选择相对于架子的确切触发条对齐(顶部、中间或底部),动态 CSS clipPath 计算与确切传感器区域相匹配。 边缘位置提示(接近信标):当光标在不对齐的竖直位置触碰边缘时,屏幕边缘产生微妙的 1.5px 发丝渐变脉冲(300 毫秒持续,0.28 不透明度),一次闪烁,引导用户到架子上。 多显示器支持:准确选择面板粘附到哪个显示器,提供左边缘或右边缘选项。 具有单一真实来源的多显示器引擎( getDisplayListOptions() )及时计算所有高 DPI Windows 显示缩放因子的物理分辨率(3840×2160、2560×1440、1920×1080)。 跨重启显示持久性:Edge-Drop 在设备重启后记住你选择的监视器。一个 4 层分辨率管道(确切会话 ID → 在 8px 容差内模糊的工作区几何匹配 → 最接近位置 → 主显示器后备)在 Windows 重新分配数字显示 ID 后,默默重新识别正确的物理显示器。如果显示器确实拔掉,面板会顺利地回退到主显示器,无需用户操作。 全屏保护(游戏模式):本地 Windows SHQueryUserNotificationState 操作系统检测( fullscreen.ts )在 Direct3D 游戏、全屏视频或演示激活时自动抑制边缘悬停。 超轻量级:使用自定义 edgelocal:// 流协议和压缩的 WebM 资产优化内存占用(RAM 减少约 60%)。 合成 Web 音频触觉套件 零资产音频引擎( soundEffects.ts ):提供实时合成的 Web Audio API 音频套件,提供界面微交互的触觉音频反馈,无需音频文件资产。 机械拨盘滴答声:在滑动位置控制时,高频 1800Hz → 900Hz 微滴答声( playDialTickSound )。 机械删除触觉:在删除项目时,双阶段向下音调扫描(1400Hz → 250Hz 在 14 毫秒 + 150Hz → 40Hz 砰声)( playDeleteSound )。 触觉开关与按钮:切换开关的共鸣弹出声( playToggleSound )和按钮的清脆点击声( playButtonClickSound )。 全局音频控制:设置中的全局音效切换开关(默认开启),在所有合成程序中使用 isSoundEnabled() 保护。 在初次交互时急切的 AudioContext 自动解锁( pointerdown / mouseenter / keydown )。

赞助内容

NordVPN Next-gen Antivirus

本站免费、广告极少。如果觉得有帮助,可以请我们喝杯咖啡 —— 任何金额都对持续运营有实际帮助。

请我喝杯咖啡