Skip to content
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

feat(timeline): enhance timeline component with new features and UI i… #1

Merged
merged 6 commits into from
Jan 2, 2025

Conversation

timDeHof
Copy link
Owner

@timDeHof timDeHof commented Jan 2, 2025

…mprovements

  • Added support for custom icons, animation, and connector colors in the TimelineLayout component.
  • Refactored Timeline and TimelineItem components to improve structure and styling.
  • Introduced new Card and Tabs components for better UI organization and presentation.
  • Updated timeline data structure to include an interface for better type safety.
  • Enhanced the main page layout with installation, usage, and example sections for improved documentation.

Additionally, updated .gitignore to include IDE and environment files, and modified package dependencies for better compatibility.

…mprovements

- Added support for custom icons, animation, and connector colors in the TimelineLayout component.
- Refactored Timeline and TimelineItem components to improve structure and styling.
- Introduced new Card and Tabs components for better UI organization and presentation.
- Updated timeline data structure to include an interface for better type safety.
- Enhanced the main page layout with installation, usage, and example sections for improved documentation.

Additionally, updated .gitignore to include IDE and environment files, and modified package dependencies for better compatibility.
- Revised project description for clarity and added emphasis on customization options.
- Introduced a new "Features" section highlighting key attributes of the timeline component.
- Updated usage instructions with a clearer example of importing and utilizing the TimelineLayout component.
- Improved installation steps for better user guidance.
- Enhanced the Tech Stack section to include Framer Motion as a key dependency.
…efactor TimelineItem structure

- Added Framer Motion for smooth animations in the TimelineLayout component.
- Refactored TimelineItem to support conditional animations and improved class management.
- Updated icon and connector color handling for better customization.
- Enhanced the layout structure for clearer separation of content and styling.
… and testing

- Integrated Storybook for visual component development and testing.
- Added Jest configuration and setup for unit testing of the timeline components.
- Implemented loading and error states in the TimelineItem component for better user feedback.
- Enhanced README.md with updated usage examples and installation instructions.
- Updated ESLint configuration to include Storybook recommendations.
- Modified package.json scripts to include Storybook commands for easier development.
…uctions

- Introduced a new "Demo & Documentation" section with a link to Storybook.
- Updated the "Features" section to highlight full Storybook documentation.
- Added instructions for running Storybook locally and testing commands.
- Enhanced overall clarity and usability of the README for developers.
…k deployment workflow

- Removed `@radix-ui/react-icons` and added `next-themes` and `chromatic` to package dependencies for theme management and Storybook deployment.
- Introduced a new `ThemeProvider` component to manage theme context across the application.
- Added a `ThemeToggle` component for switching between light and dark themes.
- Created a GitHub Actions workflow for deploying Storybook to GitHub Pages.
- Updated Storybook configuration to include theme support and improved layout.
- Enhanced the timeline component with new icons and improved structure for better customization.
Copy link

vercel bot commented Jan 2, 2025

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

Name Status Preview Comments Updated (UTC)
shadcn-timeline ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 2, 2025 9:56pm

Copy link

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package New capabilities Transitives Size Publisher
npm/@babel/[email protected] environment Transitive: filesystem, unsafe +111 14.4 MB nicolo-ribaudo
npm/@babel/[email protected] Transitive: environment, filesystem, unsafe +40 11.3 MB nicolo-ribaudo
npm/@babel/[email protected] Transitive: environment, filesystem, unsafe +44 11.9 MB nicolo-ribaudo
npm/@chromatic-com/[email protected] Transitive: environment, filesystem +5 681 kB ghengeveld
npm/@emotion/[email protected] Transitive: environment +1 28.3 kB emotion-release-bot
npm/@radix-ui/[email protected] None +1 36.9 kB chancestrickland
npm/@radix-ui/[email protected] None +12 281 kB chancestrickland
npm/@storybook/[email protected] None +3 2.23 MB storybook-bot
npm/@storybook/[email protected] Transitive: environment, eval, filesystem, unsafe +65 14.2 MB yannbf
npm/@storybook/[email protected] Transitive: filesystem +16 2.73 MB storybook-bot
npm/@storybook/[email protected] Transitive: environment +5 614 kB storybook-bot
npm/@storybook/[email protected] None +3 275 kB storybook-bot
npm/@storybook/[email protected] None 0 216 kB storybook-bot
npm/@storybook/[email protected] None +1 20.3 kB shilman
npm/@storybook/[email protected] None 0 18.1 kB storybook-bot
npm/@storybook/[email protected] environment, eval +3 2.07 MB storybook-bot
npm/@storybook/[email protected] environment Transitive: eval, filesystem, network, shell, unsafe +141 24.4 MB storybook-bot
npm/@storybook/[email protected] environment +6 944 kB storybook-bot
npm/@storybook/[email protected] environment, eval, filesystem, shell, unsafe Transitive: network +248 461 MB storybook-bot
npm/@storybook/[email protected] Transitive: environment +38 9.38 MB storybook-bot
npm/@testing-library/[email protected] None +8 2.15 MB testing-library-bot
npm/@testing-library/[email protected] environment +14 3.84 MB testing-library-bot
npm/@types/[email protected] Transitive: environment, filesystem +26 1.29 MB types
npm/[email protected] environment Transitive: eval, filesystem, network, shell, unsafe +98 13.6 MB simenb
npm/[email protected] None 0 5.55 MB chromatic-ci-bot
npm/[email protected] None 0 22.1 kB joebell93
npm/[email protected] None 0 8.55 kB lukeed
npm/[email protected] filesystem Transitive: environment +20 3.24 MB rafaelrozon, yannbf
npm/[email protected] None 0 0 B
npm/[email protected] Transitive: environment, eval, filesystem, network, shell, unsafe +53 5.94 MB simenb
npm/[email protected] Transitive: environment, eval, filesystem, network, shell, unsafe +165 16.5 MB simenb
npm/[email protected] None 0 28.6 MB ericfennis

🚮 Removed packages: npm/@radix-ui/[email protected], npm/@radix-ui/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected]

View full report↗︎

@timDeHof timDeHof merged commit e47d3fc into main Jan 2, 2025
5 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