$script 'lib/tether/tether.js', -> $script 'lib/shepherd.js/shepherd.min.js', -> tr = chrome.i18n.getMessage.bind(chrome.i18n) tour = new Shepherd.Tour defaults: classes: 'shepherd-theme-arrows' scrollTo: true targetAnchorClick = selector: '.shepherd-target a' event: 'click' tour.addStep('fixed-profile-step', text: tr('options_guide_fixedProfileStep') attachTo: '.nav-profile[data-profile-type="FixedProfile"] right' scrollTo: false advanceOn: targetAnchorClick buttons: [ text: tr('options_guideNext') action: tour.next ] ).on 'show', -> location.href = document.querySelector( '.nav-profile[data-profile-type="FixedProfile"] a').href tour.addStep 'fixed-servers-step', text: tr('options_guide_fixedServersStep') attachTo: '.fixed-servers top' scrollTo: false buttons: [ text: tr('options_guideNext') action: tour.next ] tour.addStep 'auto-switch-profile-step', text: tr('options_guide_autoSwitchProfileStep') attachTo: '.nav-profile[data-profile-type="SwitchProfile"] right' scrollTo: false advanceOn: targetAnchorClick buttons: [ text: tr('options_guideNext') action: tour.next ] tour.addStep 'add-more-profiles-step', text: tr('options_guide_addMoreProfilesStep') attachTo: '.nav-new-profile right' scrollTo: false advanceOn: targetAnchorClick buttons: [ text: tr('options_guideDone') action: tour.next ] tour.start()