Skip to content

2025 upgrade #82

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
May 27, 2025
Merged

2025 upgrade #82

merged 8 commits into from
May 27, 2025

Conversation

prabhuignoto
Copy link
Owner

This pull request introduces significant updates to the Vue Float Menu project, including a comprehensive touch optimization guide, build system enhancements, and dependency updates. The changes aim to improve touch interaction functionality, streamline the build process, enhance compatibility, and maintain code quality.

Touch Optimization Features

  • Added a detailed TOUCH_FEATURES.md guide documenting touch-specific features like gesture recognition, haptic feedback, accessibility improvements, and performance optimizations. This includes example integrations and troubleshooting tips.

Build System Enhancements

  • Refactored rollup.config.js to support multiple build formats (ESM, UMD, CJS) with shared plugin configurations. Introduced terser for JavaScript minification and improved CSS handling for different builds. [1] [2] [3] [4] [5]
  • Updated package.json scripts to include build:rollup and build:types for better modularity and type declaration generation. Adjusted main and exports fields to reflect new build outputs. [1] [2]

Dependency Updates

  • Replaced focus-visible dependency with @types/node to align with project requirements. Updated pnpm-lock.yaml to reflect these changes and ensure compatibility with the latest versions of dependencies. [1] [2] [3] [4]

Linting and Configuration

  • Updated eslint.config.js to use tsconfig.eslint.json for linting, ensuring a more focused TypeScript configuration.

…nent

- Added aria attributes for better screen reader support.
- Implemented enhanced touch handling for long press and swipe gestures.
- Introduced haptic feedback for touch devices.
- Improved keyboard navigation with focus visibility and keyboard activation.
- Updated styles for better focus outlines and accessibility.
- Refactored menu toggle logic to improve performance and user experience.
- Added new accessibility styles in a dedicated SCSS file.
- Updated demo components to showcase new features and improved UI.
- Introduced a new TypeScript file for touch handlers to encapsulate touch logic.
- Updated TypeScript definitions for better type safety and clarity.
✨ Features
Improve keyboard navigation: Skipping disabled and divider items in the menu. (8faa46d)
Enhance accessibility: Improved focus and selection styles to eliminate double indicators. (9d96fd4)
Enhance FloatMenu component: Improved accessibility and touch interactions. (78a2fdd)
🔧 Refactors
Demo.vue: Commented out the logo image for future reference. (cb19408)
Accessibility and styles: Removed unused accessibility composable and updated styles for focus visibility. (8476d25)
Position calculations: Replaced unary plus with Number for better readability. (3571297)
Build tools: Replaced Babel and TypeScript plugins with esbuild for improved performance and simplicity. (11494af)
Code style: Refactored code style and improved consistency across components. (3e89af7)
🛠 Chores
Stylelint configuration: Updated configuration and dependencies for better SCSS and Vue support. (838d02e)
GitHub Actions: Added workflows for dependency review, performance testing, and PR checks. (601aa59, 930a24b)
Removed workflows: Removed dependency review, performance, and PR checks workflows. (78f09a3, 05b5a47)
Configuration cleanup: Removed .eslintignore to streamline project configuration. (88b534f)
Copy link

vercel bot commented May 27, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
vue-float-menu ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 27, 2025 4:46am

…ter type safety

style: improve focus styles in accessibility and focused items SCSS
@prabhuignoto prabhuignoto merged commit 1c3686a into master May 27, 2025
18 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant