walle
aefa28ea99
fix: 优化音乐列表横向布局对齐
...
- 修复声音名称容器对齐方式,从居中改为左对齐
- 确保音乐名称、声音名称和按钮在同一行完美对齐
- 提升音乐列表视觉一致性和用户体验
2025-11-18 17:12:29 +08:00
walle
a76585c61a
feat: 重构音乐列表UI布局与模块分离优化
...
- 重命名"当前选中音乐"为"当前选中的声音"
- 完全分离两个模块为独立UI组件,移除互斥展开逻辑
- 优化音乐列表横向布局:音乐名称、声音名称和按钮在同一行显示
- 实现智能展开逻辑:音乐列表默认展开,超过5项时自动收起
- 增加模块间32px间距,提升视觉层次
- 修复展开按钮样式冲突,优化CSS类名结构
- 改进组件状态管理,确保模块独立性
2025-11-18 17:10:38 +08:00
walle
b477733188
feat: 实现音乐记录展开播放功能和互斥展开系统
...
重构音乐管理界面,实现高级交互体验:
- 为当前选中音乐添加展开/收起按钮,默认展开状态
- 为我的音乐添加展开/收起按钮,默认收起状态
- 实现互斥展开逻辑:两个区域只能有一个展开
- 音乐记录展开时显示具体的声音组件和播放按钮
- 添加播放音乐记录功能:一键加载保存的声音配置
技术架构改进:
- 使用React hooks管理复杂的状态逻辑和互斥展开
- 统一的CSS变量系统管理背景色和组件样式
- 完整的错误处理和用户交互反馈
- 优化动画效果和视觉过渡体验
- 重构组件结构,提升代码可维护性
用户体验优化:
- 直观的展开/收起视觉反馈
- 平滑的动画过渡效果
- 清晰的操作流程和状态指示
- 统一的视觉设计语言
- 响应式布局适配不同屏幕
代码质量提升:
- 清除所有TypeScript和JSX语法错误
- 优化React组件的props传递和状态管理
- 统一的颜色变量和CSS类命名规范
- 完善的错误边界和异常处理机制
2025-11-18 15:22:36 +08:00
walle
4a364ed967
feat: 统一声音选项和播放区域背景色配置
...
优化组件视觉一致性,建立统一的背景色系统:
- 创建统一的组件背景色CSS变量 --color-component-bg
- 声音选项背景色与播放按钮下方区域使用相同颜色
- 移除播放列表区域的边框线,简化视觉层次
- 保持整体界面的视觉协调性和简洁性
技术细节:
- 使用 --bg-tertiary 作为统一的基础色值
- 确保明亮和暗色主题下的视觉一致性
- 通过CSS变量系统化管理背景色配置
2025-11-18 14:24:53 +08:00
walle
71ab17a39e
feat: 统一拖动条样式并优化UI配色方案
...
重构所有拖动条使用统一的Slider组件,建立一致的视觉体验:
- 统一所有音量、速度、倍速拖动条使用相同的Slider组件
- 创建统一的控件背景色CSS变量,与声音图标保持一致
- 优化拖动条配色:已选中部分和拖动点使用相同的温和色调
- 添加明亮模式下的滚动条样式,提升视觉体验
- 调整音乐列表布局,优化声音名称显示和展开按钮
- 精简CSS代码,减少重复样式定义
技术改进:
- 移除重复的range input样式代码(从122行减至46行)
- 使用CSS变量统一管理控件配色方案
- 保持组件间的一致性和可维护性
2025-11-18 12:26:41 +08:00
zl
a464745a9f
fix: 修复音乐删除功能401认证错误
...
- 将原生fetch替换为ApiClient,确保JWT Authorization头正确发送
- 修复删除音乐、重命名音乐、保存音乐功能的认证问题
- 移除不必要的用户名密码字段,依赖JWT认证
- 解决因缺少Authorization头导致的401未授权错误
Issues Fixed:
- 音乐删除失败返回401错误
- 音乐操作API调用缺少认证头
2025-11-18 10:26:43 +08:00
zl
010fb9674b
feat: 重构音乐列表UI与JWT认证完整实现 v2.7.0
...
## 🎯 核心功能重构
### 音乐列表显示优化
- **自动展示**: 登录用户页面打开时自动显示音乐列表,无需手动展开
- **权限控制**: 未登录用户完全隐藏"我的音乐"部分
- **独立展开**: 每个音乐项配备独立的展开/收起按钮
- **渐进展示**: 点击展开按钮显示音乐收录的声音详情
### JWT认证系统完整实现
- **安全升级**: 完全替代密码传输,实现JWT令牌认证
- **自动管理**: 登录时自动生成和存储JWT令牌
- **API集成**: 所有音乐相关API统一使用JWT认证
- **容错机制**: 多层级token获取策略确保认证稳定性
## 🔧 技术架构升级
### 新增核心模块
- `src/lib/jwt.ts` - JWT令牌创建与验证核心
- `src/lib/jwt-auth-middleware.ts` - JWT认证中间件
- `src/lib/api-client.ts` - 自动JWT令牌注入的API客户端
- `src/hooks/useNotification.ts` - 统一通知系统
### 组件化重构
- `src/components/buttons/save-music/` - 音乐保存按钮组件
- `src/components/buttons/delete-music/` - 音乐删除按钮组件
- `src/components/notification/` - 通知组件系统
### API安全强化
- 所有认证相关API集成JWT中间件
- 用户注册/登录自动返回JWT令牌
- 音乐CRUD操作统一JWT认证验证
## 🎨 用户体验优化
### 交互流程简化
- 登录即见:音乐列表自动展示,减少用户操作步骤
- 按需展开:声音详情按需显示,避免信息过载
- 状态持久:JWT令牌自动管理,无需重复登录
### 视觉层次优化
- 音乐名称与展开按钮并排布局,提升操作便利性
- 声音列表折叠显示,保持界面整洁
- 统一通知样式,确保视觉一致性
## 🛡️ 安全性提升
- **零密码传输**: API请求完全移除明文密码传输
- **令牌过期**: JWT令牌7天自动过期机制
- **状态隔离**: 认证状态与业务状态完全分离
版本: v2.7.0
技术栈: React + TypeScript + Astro + SQLite + JWT
2025-11-17 23:04:58 +08:00
zl
e01092d97e
feat: 完整实现音乐保存与管理系统 v2.6.0
...
🎵 新增音乐保存功能
- 实现用户音乐配置保存到SQLite数据库
- 支持保存音量、速度、频率和随机效果等完整配置
- 添加音乐重命名和删除功能
🎨 完善用户界面体验
- 新增保存按钮UI,集成到SelectedSoundsDisplay组件
- 实现SavedMusicList组件,显示用户保存的音乐列表
- 支持一键播放已保存的音乐配置
🔧 优化认证系统架构
- 修复API密码认证问题,添加sessionPassword机制
- 改进错误处理和用户反馈
- 优化用户菜单位置和z-index层级问题
🛠️ 技术改进
- 扩展SQLite数据库,新增saved_music表
- 创建完整的音乐管理API接口(保存/列表/重命名/删除)
- 增强用户认证状态管理,支持会话密码
- 优化CSS样式和动画效果
🎯 用户体验提升
- 修复用户菜单层级遮挡问题
- 重新设计用户菜单位置到左侧展开
- 添加退出登录功能和个人设置预留
- 完善登录提示和错误反馈机制
📝 数据库变更
- 添加saved_music表,存储用户音乐配置
- 支持JSON格式存储复杂的音频参数
- 实现用户关联和权限控制
这次提交实现了完整的音乐保存与管理系统,用户现在可以:
1. 保存当前声音配置为"音乐"
2. 在左侧查看和管理保存的音乐
3. 一键恢复之前的音乐配置
4. 重命名或删除不需要的音乐
5. 享受更好的用户界面体验
2025-11-17 17:17:11 +08:00
zl
f00263d18c
feat: 完整认证系统与UI优化 v2.5.0
...
主要功能:
✨ 完整的用户认证系统
- 用户注册与登录功能 (SQLite + bcrypt)
- JWT会话管理与持久化
- 用户状态实时显示
🎨 UI/UX 重大改进
- 垂直布局右上角控制面板
- 顶部通知提示系统 (3秒自动关闭)
- 响应式设计与暗色主题优化
- 用户下拉菜单 (点击外部关闭)
🔧 技术优化
- 修复JSON解析错误与ES模块问题
- 清理重复组件,统一LanguageSwitcher
- API错误处理改进
- z-index层级优化
🌐 国际化支持
- 中英文双语界面完善
- 通知消息本地化
数据库: SQLite (用户表)
认证: bcrypt 密码加密
前端: React + TypeScript + CSS Modules
后端: Astro API Routes
2025-11-17 16:49:33 +08:00
zl
27bf07e39f
style: 统一明亮主题样式并优化视觉体验
...
- 修复明亮模式下的组件背景色问题,移除黑色背景
- 统一所有按钮和组件的灰色调,提升视觉一致性
- 加深灰色对比度,提高可读性和用户体验
- 优化声音组件、分类图标、删除按钮等样式
- 统一播放按钮、菜单按钮、滚动到顶部按钮风格
- 改进主题切换系统的CSS变量使用
- 新增数据库目录用于SQLite数据存储
2025-11-17 15:56:02 +08:00
zl
2ad6cbe36c
refactor: 简化界面并优化用户体验
...
- 移除顶部捐赠支持组件,简化页面布局
- 精简菜单功能,删除睡眠定时器、倒计时器、番茄钟等不常用功能
- 将登录按钮移至右上角,主题切换按钮左侧
- 保留核心功能:预设、分享、随机播放、快捷键和音量控制
- 优化界面布局,提升用户使用体验
2025-11-17 15:55:36 +08:00
zl
aa2d0dbb05
feat: 实现完整的用户认证系统
...
- 添加 SQLite 数据库支持用户存储
- 实现用户注册和登录 API 端点
- 新增独立的认证按钮组件,位于右上角
- 集成 Zustand 状态管理支持持久化登录状态
- 添加密码哈希和验证功能
- 支持登录表单模态框和用户状态显示
- 启用服务端渲染支持 API 路由
2025-11-17 15:55:19 +08:00
zl
34c8d429af
chore: 升级版本到 2.4.0
...
- 准备为新功能发布进行版本升级
2025-11-17 15:55:02 +08:00
zl
c1c4d894bc
feat: add selected sounds display module with complete functionality
...
- Create SelectedSoundsDisplay component to show selected sounds at the top of the page
- Add displayMode parameter to Sound component for functionality in display mode
- Implement complete audio controls including volume, speed, and rate progress bars
- Add random effects support with proper interval management
- Integrate multi-language support (Chinese: "当前声音", English: "Current Sounds")
- Update App component to include the new display module
- Use consistent styling with existing sound categories for seamless integration
- Upgrade version to 2.3.0 for this feature release
2025-11-17 12:51:06 +08:00
zl
e50b782361
fix: 修复 Docker 镜像版本标签问题
...
- 更新 Dockerfile.simple 使用动态构建参数
- 确保镜像标签信息与实际版本一致
- 支持正确的版本号、构建时间和 Git 提交信息
2025-11-17 12:12:27 +08:00
zl
b973c7bf61
feat: 实现完整的昼夜主题系统和优化随机音频功能
...
## 主要功能更新
### 🎨 优化昼夜模式主题系统
- 参考现代设计标准(GitHub、VSCode)重新设计颜色方案
- 明亮主题:纯白背景 + 深灰文字,提供高对比度阅读体验
- 暗色主题:深蓝灰背景 + 高亮白色,护眼且现代
- 全面适配:所有组件背景色、边框色、前景色都跟随主题切换
### 🎲 改进随机音频功能
- 智能单参数随机:每次只随机调整一个参数(速度/音调/音量)
- 合理变化频率:调整为60-90秒,避免频繁变化影响体验
- 精确范围控制:
- 速度和音调:默认值 ±0.25 范围内随机
- 音量:30%-70% 范围内随机
### 📚 完善文档系统
- 创建英文版 README (README.en.md)
- 完善中文版 README,包含:
- 详细的使用说明和操作指南
- 完整的 Docker 部署教程
- 生产环境配置指南
- 在线体验地址:https://calm.zlext.com
### 🔧 技术改进
- 新增完整的主题切换组件 (ThemeToggle)
- 优化随机音频控制组件 (RandomSpeed)
- 改进声音控制组件的样式和交互
- 更新所有组件样式以支持主题变量
## 版本信息
- 版本升级:v2.1.0 → v2.2.0
- 新增功能:昼夜主题、智能随机、完整文档
- 向后兼容:完全兼容现有配置和数据
2025-11-17 11:03:14 +08:00
zl
9b532da501
chore(release): 2.2.0
2025-11-17 11:02:55 +08:00
zl
a8718df8d2
feat: add comprehensive Docker deployment support and Chinese documentation
...
- Add Docker deployment configuration with multiple Dockerfile variants
- Implement simplified Docker build scripts for better compatibility
- Update docker-compose configurations to use walllee/moodist image
- Create comprehensive Docker deployment documentation
- Add Chinese README (README.zh-CN.md) with full translation
- Implement language selection links in both README files
- Add quick start guide and Docker deployment instructions in Chinese
- Include Docker build and push commands in package.json scripts
New files added:
- Docker configurations (Dockerfile.* variants)
- Docker Compose files (dev, optimized versions)
- Build scripts (scripts/*.sh)
- Docker deployment documentation (DOCKER_DEPLOY.md)
- Chinese README with complete translation
2025-11-16 15:35:01 +08:00
zl
65958f8482
feat: 完整实现中英文双语支持并修复所有声音翻译问题
...
## 主要功能
- 实现完整的中英文双语支持系统
- 添加语言切换器和路由配置
- 创建统一的翻译文件和hooks
## 核心组件
- 新增语言切换器组件
- 实现中英文页面路由
- 添加翻译系统核心文件
## 翻译修复
- 修复所有声音名称的dataI18n映射
- 解决重复翻译键冲突问题
- 完善所有分类的声音翻译
## 声音分类优化
- 修复雨声分类的重复翻译键问题
- 清理跨分类翻译键冲突
- 优化声音分类归属
## UI优化
- 移除页面底部开源模块
- 完善顶部捐赠文本翻译
- 优化所有菜单项的翻译显示
2025-11-16 14:30:33 +08:00
MAZE
6ac65c1948
style: change cursor
2025-10-26 12:48:55 +03:30
MAZE
50687c97ca
style: add animation on active
2025-10-26 12:43:14 +03:30
MAZE
95b641a88f
feat: extract the provider for the tooltip
2025-10-25 13:11:04 +03:30
MAZE
d11a6ab062
style: increase text color
2025-08-13 12:12:27 +03:30
MAZE
a071ba04c7
style: decrease background opacity
2025-08-13 12:01:38 +03:30
MAZE
a179c09d0c
style: increase line height
2025-08-13 11:59:45 +03:30
MAZE
066af9e2f3
feat: change lofi icon
2025-08-13 11:57:08 +03:30
MAZE
1e5bda707c
style: change snackbar styles
2025-08-06 13:23:41 +03:30
MAZE
e2bb4dd55f
style: increase border radius
2025-08-06 13:21:44 +03:30
MAZE
d9df0d4b2c
feat: add shine effect
2025-08-06 13:13:14 +03:30
MAZE
3feb9c1a09
style: remove cipher animation
2025-08-06 13:08:57 +03:30
MAZE
b191e6067d
feat: migrate to motion and fix some animations
2025-08-06 13:07:03 +03:30
MAZE
81d9d7ca03
feat: make sound file addresses relative
2025-07-19 22:07:06 +03:30
MAZE ✧
1e24cbc6eb
Merge pull request #69 from ncguk/patch-2
...
Update animals.tsx
2025-07-19 21:48:24 +03:30
MAZE ✧
78fb8cd76f
Merge pull request #68 from ncguk/patch-1
...
Rename horse-galopp.mp3 to horse-gallop.mp3
2025-07-19 21:47:50 +03:30
MAZE
4c8d577527
chore(release): 2.1.0
2025-07-19 21:16:54 +03:30
MAZE
fcbe50c78c
feat: add lofi music play
2025-07-12 12:32:49 +03:30
MAZE
af096077ae
fix: replace generator with static silent audio
2025-07-12 00:50:47 +03:30
MAZE
4996cc893c
fix: fixate the binary pattern
2025-07-12 00:06:59 +03:30
ncguk
d6484103a7
Update animals.tsx
...
Change instances of "galopp" to "gallop"
2025-06-18 10:51:10 +01:00
ncguk
374de8b0d2
Rename horse-galopp.mp3 to horse-gallop.mp3
...
Fixes typo in filename.
2025-06-18 10:43:55 +01:00
MAZE ✧
b171793040
Merge pull request #63 from LBRDan/make-binaural-popup-preset-change-reactive
...
fix(component): update oscillators frequency on preset change
2025-04-05 15:36:23 +03:30
Daniele Lubrano
dcc91e038d
fix(component): update oscillators frequency on preset change
...
Update oscillators frequency on preset change
2025-03-26 14:48:47 +01:00
MAZE
348fc1e8c4
chore: update the logo
2025-03-26 01:17:15 +03:30
MAZE
a0a7f94c33
chore: update banner
2025-03-25 23:10:51 +03:30
MAZE
2f994c6094
chore: update banner
2025-03-25 23:07:52 +03:30
MAZE
fb82117742
chore: add banner
2025-03-25 23:06:55 +03:30
MAZE
7951e9829a
Merge branch 'develop'
2025-03-25 23:00:57 +03:30
MAZE
755c442263
chore: refine logo
2025-03-25 22:54:23 +03:30
MAZE
df210a1246
chore(release): 2.0.1
2025-03-25 17:54:27 +03:30
MAZE
4895a7266d
fix: add delay to cipher text
2025-03-25 17:54:12 +03:30