{"action":"created","issue":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/4468","repository_url":"https://api.github.com/repos/Automattic/wp-calypso","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/4468/labels{/name}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/4468/comments","events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/4468/events","html_url":"https://github.com/Automattic/wp-calypso/pull/4468","id":145162030,"number":4468,"title":"GuidesTours: add step formatting","user":{"login":"lsinger","id":23619,"avatar_url":"https://avatars.githubusercontent.com/u/23619?v=3","gravatar_id":"","url":"https://api.github.com/users/lsinger","html_url":"https://github.com/lsinger","followers_url":"https://api.github.com/users/lsinger/followers","following_url":"https://api.github.com/users/lsinger/following{/other_user}","gists_url":"https://api.github.com/users/lsinger/gists{/gist_id}","starred_url":"https://api.github.com/users/lsinger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lsinger/subscriptions","organizations_url":"https://api.github.com/users/lsinger/orgs","repos_url":"https://api.github.com/users/lsinger/repos","events_url":"https://api.github.com/users/lsinger/events{/privacy}","received_events_url":"https://api.github.com/users/lsinger/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/GuidesTours","name":"GuidesTours","color":"006b75"},{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Status]%20Needs%20Author%20Reply","name":"[Status] Needs Author Reply","color":"eb6420"},{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Type]%20Enhancement","name":"[Type] Enhancement","color":"c7def8"}],"state":"open","locked":false,"assignee":{"login":"lsinger","id":23619,"avatar_url":"https://avatars.githubusercontent.com/u/23619?v=3","gravatar_id":"","url":"https://api.github.com/users/lsinger","html_url":"https://github.com/lsinger","followers_url":"https://api.github.com/users/lsinger/followers","following_url":"https://api.github.com/users/lsinger/following{/other_user}","gists_url":"https://api.github.com/users/lsinger/gists{/gist_id}","starred_url":"https://api.github.com/users/lsinger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lsinger/subscriptions","organizations_url":"https://api.github.com/users/lsinger/orgs","repos_url":"https://api.github.com/users/lsinger/repos","events_url":"https://api.github.com/users/lsinger/events{/privacy}","received_events_url":"https://api.github.com/users/lsinger/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/Automattic/wp-calypso/milestones/72","html_url":"https://github.com/Automattic/wp-calypso/milestones/GuidesTours%20MVP","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/milestones/72/labels","id":1671375,"number":72,"title":"GuidesTours MVP","description":"","creator":{"login":"ehg","id":215074,"avatar_url":"https://avatars.githubusercontent.com/u/215074?v=3","gravatar_id":"","url":"https://api.github.com/users/ehg","html_url":"https://github.com/ehg","followers_url":"https://api.github.com/users/ehg/followers","following_url":"https://api.github.com/users/ehg/following{/other_user}","gists_url":"https://api.github.com/users/ehg/gists{/gist_id}","starred_url":"https://api.github.com/users/ehg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ehg/subscriptions","organizations_url":"https://api.github.com/users/ehg/orgs","repos_url":"https://api.github.com/users/ehg/repos","events_url":"https://api.github.com/users/ehg/events{/privacy}","received_events_url":"https://api.github.com/users/ehg/received_events","type":"User","site_admin":false},"open_issues":10,"closed_issues":3,"state":"open","created_at":"2016-03-29T09:08:40Z","updated_at":"2016-04-07T11:18:25Z","due_on":null,"closed_at":null},"comments":7,"created_at":"2016-04-01T12:00:43Z","updated_at":"2016-04-07T11:23:17Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/4468","html_url":"https://github.com/Automattic/wp-calypso/pull/4468","diff_url":"https://github.com/Automattic/wp-calypso/pull/4468.diff","patch_url":"https://github.com/Automattic/wp-calypso/pull/4468.patch"},"body":"Closes #4379.\r\n\r\nThis PR adds a few additional step types to GuidesTours:\r\n\r\n- `GuidesFirstStep`, for the initial step of a tour;\r\n- `GuidesActionStep`, requiring the user to click a target element;\r\n- `GuidesLinkStep`, which provides a link in an \"extra\" area below; and\r\n- `GuidesFinishStep`, for the final step of a tour.\r\n\r\nThis isn't the last word on GuidesTours architecture, but a first improvement. We'll keep iterating on it. \r\n\r\nTexts in the GuidesTours configuration file now use i18n.translate. This has the added benefit that we can easily inject styling or even React components into our messages.\r\n\r\nSince we needed a \"secondary\" button type for the first step of a tour, this PR also adds one to the Button component. It has a light gray background that doesn't really come out in the GIF below. \r\n\r\nThis is what it should look like:\r\n\r\n![additional-step-types](https://cloud.githubusercontent.com/assets/23619/14285228/012b529e-fb4b-11e5-9b30-121281d4be66.gif)\r\n\r\nTo test:\r\n\r\n- check out this branch\r\n- ~~run Calypso like so: `ENABLE_FEATURES=guidestours make run`~~\r\n- open (e.g.) http://calypso.localhost:3000/me\r\n- check whether the light gray background of the \"secondary\" button in the initial tour step is discernible from white\r\n- check that the steps in the GIF above work in different browsers and on different devices (mobile support is forthcoming)\r\n"},"comment":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/comments/206823054","html_url":"https://github.com/Automattic/wp-calypso/pull/4468#issuecomment-206823054","issue_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/4468","id":206823054,"user":{"login":"mcsf","id":150562,"avatar_url":"https://avatars.githubusercontent.com/u/150562?v=3","gravatar_id":"","url":"https://api.github.com/users/mcsf","html_url":"https://github.com/mcsf","followers_url":"https://api.github.com/users/mcsf/followers","following_url":"https://api.github.com/users/mcsf/following{/other_user}","gists_url":"https://api.github.com/users/mcsf/gists{/gist_id}","starred_url":"https://api.github.com/users/mcsf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mcsf/subscriptions","organizations_url":"https://api.github.com/users/mcsf/orgs","repos_url":"https://api.github.com/users/mcsf/repos","events_url":"https://api.github.com/users/mcsf/events{/privacy}","received_events_url":"https://api.github.com/users/mcsf/received_events","type":"User","site_admin":false},"created_at":"2016-04-07T11:23:17Z","updated_at":"2016-04-07T11:23:17Z","body":"Pending addressing feedback from me and Matías, I'd give this a\r\n\r\n_:+1: 5/5 would thumb again_"}}