🚀 Onboardable
The Onboardable gem is a Ruby module designed to simplify and streamline the process of managing and navigating through a series of steps or stages within an application, typically used for user onboarding workflows. By including the Onboardable module in a class, developers can easily define a sequence of onboarding steps, handle transitions between these steps, and maintain the state of the current step in the sequence.
🔌 Installation
Install the gem and add to the application's Gemfile by executing:
bundle add onboardable
If the bundler is not being used to manage dependencies, install the gem by executing:
gem install onboardable
⚙️ Usage
First, ensure that the Onboardable gem is installed and properly set up in your project as per the installation guide provided earlier.
Defining Onboarding Steps
To incorporate an onboarding process into your User
class, start by
including the Onboardable
module to add onboarding functionality. Then,
define the onboarding steps with the has_onboarding
method, detailing each
step with helpful tooltips and descriptions. Here's how you can set it up:
class User
include Onboardable
has_onboarding do
step 'welcome', message: 'Welcome to your new account!'
step 'account_setup', task: 'Create credentials'
step 'confirmation'
step_from ExternalStepProvider
end
end
class ExternalStepProvider
def self.to_onboarding_step
Onboardable::Step.new 'external_step', info: 'This is an external step.'
end
end
Using the Onboarding Steps
To enhance the guidance for users on how to navigate and manage the onboarding flow using the Onboardable gem, here's a concise guide that could be included in the documentation. This guide covers initialization, navigation, step verification, and completion of the onboarding process.
After defining and accessing the onboarding steps as described earlier, managed the onboarding process through various controls that allow step navigation and state verification:
-
Initialize Onboarding Process
- Instantiate the onboarding process when a
User
object is created. This sets up the initial step based on the defined onboarding flow.
onboarding = User.new.onboarding
- For a more detailed setup, use the
Onboardable::List::Builder
to create a custom onboarding flow with specific steps and details.
builder = Onboardable::List::Builder.new builder.create_step 'welcome', message: 'Welcome to your new account!' builder.create_step 'account_setup', task: 'Create credentials' builder.create_step 'confirmation' builder.create_step_from ExternalStepProvider onboarding = builder.build
- Instantiate the onboarding process when a
-
Check the order of steps
Determine the order of steps in the onboarding process to ensure that the sequence is correct and that the steps are defined as expected.
onboarding.steps # Returns the list of steps
-
Navigating Through Steps
Navigate through the onboarding steps using the navigation methods provided. These methods help in moving forward and backward through the onboarding process.
-
Next Step
Access the next step without changing the current step to preview what's next or advance to it, updating the current step status.
onboarding.next_step # Preview the next step onboarding.next_step! # Advance to the next step
-
Previous Step
Similarly, access the previous step to move back without making changes or updates to revert to the previous step.
onboarding.prev_step # Preview the previous step onboarding.prev_step! # Move back to the previous step
-
-
Check Step Position
Determine whether the current step is the first or the last in the sequence to manage UI elements like 'Next' or 'Back' buttons appropriately.
step = onboarding.steps.sample # Random step from the list onboarding.first_step?(step) # Is the first step? onboarding.last_step?(step) # Is the last step? onboarding.current_step?(step) # Is the current step? onboarding.second_step?(step) # Is the second step? onboarding.prev_step?(step) # Is the previous step?
-
Monitor Progress
- Calculate the progress or completion percentage of the onboarding process to provide users with an indication of how far they have progressed.
onboarding.progress # Returns the completion percentage
- To customize the progress calculation formula, define a lambda function that takes the current step index and the total number of steps as arguments.
CALCULATION = ->(step_index, steps_size) { step_index + steps_size } onboarding.progress(CALCULATION)
- Alternatively, set the custom progress calculation formula during the onboarding definition to automatically calculate the progress.
class User include Onboardable CALCULATION = ->(step_index, steps_size) { step_index + steps_size } has_onboarding progress_calculation: CALCULATION do # ... end end
-
Access Current Step Details
Retrieve details about the current step, which can include the name, custom data, and status, to display appropriate information or help the user completes tasks associated with the step.
onboarding.current_step # Current step details onboarding.current_step.name # Step name onboarding.current_step.data # Step custom data onboarding.current_step.status # Step status
-
Complete the Onboarding Process
Once the user reaches the last step and completes it, finalize the onboarding process, which might involve setting a user attribute to indicate completion or triggering other application logic.
# Direct Check Approach if onboarding.last_step? # Implement finalization processes like updating user attributes end # Exception Handling Approach begin onboarding.next_step! rescue LastStepError # Implement finalization processes like updating user attributes end
-
Exit the Onboarding Process Early
Handle cases where a user decides to discontinue the onboarding by attempting to navigate back from the initial step.
# Direct Check Approach if onboarding.first_step? # Implement cleanup or final actions for an orderly exit end # Exception Handling Approach begin onboarding.prev_step! rescue FirstStepError # Implement cleanup or final actions for an orderly exit end
By following these steps, developers can effectively manage and facilitate a user-friendly onboarding process using the Onboardable gem.
🛠 Development
- After checking out the repo, run
bin/setup
to install dependencies. - Then, run
rake spec
to run the tests. - Also run
bin/console
for an interactive prompt that will allow you to experiment. - To install this gem onto your local machine, run
bundle exec rake install
. - To release a new version, update the version number in
version.rb
. - After, run
bundle exec rake release
, which will create a git tag for the version. - Push git commits and the created tag.
- Then push the
.gem
file to rubygems.org.
🤝 Contributing
Bug reports and pull requests are welcome on GitHub at https://github.com/dmrAnderson/onboardable. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the code of conduct.
📃 License
The gem is available as open source under the terms of the MIT License.
📜 Code of Conduct
Everyone interacting in the Onboardable project's codebases, issue trackers, chat rooms and mailing lists are expected to follow the code of conduct.