Releases: ludo237/vuejs-carousel
Keyboard navigation
This new minor version brings a well requested feature: Keyboard navigation!
To be fair this is the first attempt to it, basically the theatre now has a new keyboard event listener attached to it when it's first created.
This allow us to intercept every key stroke (on key up to be precise) and check whenever the user press the right arrow, left arrow or the escape button.
I've also update the package.json file to fix an issue addressed by @wenxin3262, more detail on #10. Now the carousel accepts every node version from v6.9.0 and above.
New comments system
This patch brings a lot of new functionality
as well as a new import system that helps
to easily import the right components as
well as the store system inside your Vue application.
A new set of components have been implemented for
the so awaited comments section!
Yes you can attach comments on each photo and display
them inside the theater. At the moment the comment section
cannot be edited, which means that the comments are in read-only
mode. In the future this will be possible.
I've also improved the readme section as well as the index.html and
I've separated the example from the source file for an easy import inside
your application.
The road to v1.0.0 is far but we have just marked the v0.5.0 which is half of that
Minor improvements to Vuex store
This update brings some minor improvements to the
source code.
First I removed the HTTP request from the Photos component
because it does not belongs to it, instead I've created "actions"
inside the Vuex store, which is async and now the component can
call the action in order to load the photos using the HTTP get request.
This allows everyone to have a source-agnostic gallery. To prove that
I changed the HTTP library from vue-resource to Axios, which is better in my
opinion.
I've also improved the README.
Patch notes:
- Add new action file for the Vuex store.
- Add new "hot to install" section inside readme
- Add new "Contributing guidelines" section inside readme
- Bump the version to v0.4.3
- Add new Axios library for HTTP calls
Improve theater actions
This patch brings a new and improved way to navigate between photos.
Previously each time you reach the end or the beginning of the gallery the Theater just vanish automatically and this wasn't intended at all!
What I want instead is that the gallery never close unless the user clicks on the "x" button or press escape or whatever.
In order to accomplish this I implemented two new mutations and remove the "change index logic" from the theater itself which should not be aware of the index change anyway.
I also fix the undefined error on "changeSelectedPhoto" finally!
Small code changes
Nothing much to report aside from small code changes in order to fix the Codeclimate issues tracker
Optimization update
This update brings a lot of optimizations needed in order to create a scalable carousel for the future and thus we need to bump the version up because it's a major change.
First thing first we tried to set a standard for the code itself with good identation across all files.
We decouple the Photos component by splitting the component in two entities:
- Photos is a general container and it should not be responsible of the Photo itself and his behaviours
- Photo is a single photo component which is responsible of controlling the single photo loaded from the source.
We also optimize the theater by removing the index as parameter because we can fetch it from the vuex itself, we don't need to pass index as a separate parameter anymore.
We have sone some small changes on the Vuex store that introduce some new getters and an optimized changeSelectedPhoto mutation.
Introducing Vuex
This major update includes a bunch of new features as
well as a new redesigned system for storing the current
state of the carousel!
Introducing: Vuex.
With vuex we are now ready to scale this carousel without cluttering
the main components. In fact vuex can be used to store all the current photos
and the selected one, is that cool?
Our components have less code and they don't have to bother anymore with
a complicated share event handler.
We have also done some minor optimization to the infrastructure removing
useless code and refactoring the current one to be more modular.
Fix syncing problems with npmjs.org
v0.2.1 0.2.1
New Live demo, better components
This release is the first one that can be considered stable enough to be used.
New component for the carousel
This pre-release will set a new start for this project which I will maintain more often than
ever before.
The version 0.1 include small improvements on the project structure as well as a new
code base that uses Components instead of a mixture of HTML tags and VueJs scripts.
What's new:
- Add new index file that demonstrate how it works
- Add new Vue component that should follow the VueJs 2.0 standard
- Add new webpack configuration that let you distrubute and develop on this project
- Add a changelog as well as a new readme file
Please use this pre-release and help me improve this project 😄