{"action":"created","issue":{"url":"https://api.github.com/repos/beautify-web/js-beautify/issues/590","labels_url":"https://api.github.com/repos/beautify-web/js-beautify/issues/590/labels{/name}","comments_url":"https://api.github.com/repos/beautify-web/js-beautify/issues/590/comments","events_url":"https://api.github.com/repos/beautify-web/js-beautify/issues/590/events","html_url":"https://github.com/beautify-web/js-beautify/issues/590","id":50648344,"number":590,"title":"Support for Custom web-components ","user":{"login":"mhartington","id":2835826,"avatar_url":"https://avatars.githubusercontent.com/u/2835826?v=3","gravatar_id":"","url":"https://api.github.com/users/mhartington","html_url":"https://github.com/mhartington","followers_url":"https://api.github.com/users/mhartington/followers","following_url":"https://api.github.com/users/mhartington/following{/other_user}","gists_url":"https://api.github.com/users/mhartington/gists{/gist_id}","starred_url":"https://api.github.com/users/mhartington/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mhartington/subscriptions","organizations_url":"https://api.github.com/users/mhartington/orgs","repos_url":"https://api.github.com/users/mhartington/repos","events_url":"https://api.github.com/users/mhartington/events{/privacy}","received_events_url":"https://api.github.com/users/mhartington/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/beautify-web/js-beautify/labels/enhancement","name":"enhancement","color":"0b02e1"}],"state":"closed","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/beautify-web/js-beautify/milestones/2","labels_url":"https://api.github.com/repos/beautify-web/js-beautify/milestones/2/labels","id":323533,"number":2,"title":"Future","description":"Issues that are worth tracking, but are not going to implemented any time soon.  Too costly or controversial at this time. \r\n\r\nPull requests welcome, but they will likely require significant review.","creator":{"login":"bitwiseman","id":1958953,"avatar_url":"https://avatars.githubusercontent.com/u/1958953?v=3","gravatar_id":"","url":"https://api.github.com/users/bitwiseman","html_url":"https://github.com/bitwiseman","followers_url":"https://api.github.com/users/bitwiseman/followers","following_url":"https://api.github.com/users/bitwiseman/following{/other_user}","gists_url":"https://api.github.com/users/bitwiseman/gists{/gist_id}","starred_url":"https://api.github.com/users/bitwiseman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bitwiseman/subscriptions","organizations_url":"https://api.github.com/users/bitwiseman/orgs","repos_url":"https://api.github.com/users/bitwiseman/repos","events_url":"https://api.github.com/users/bitwiseman/events{/privacy}","received_events_url":"https://api.github.com/users/bitwiseman/received_events","type":"User","site_admin":false},"open_issues":17,"closed_issues":2,"state":"open","created_at":"2013-04-29T22:54:24Z","updated_at":"2015-01-15T22:45:53Z","due_on":null,"closed_at":null},"comments":4,"created_at":"2014-12-02T13:05:46Z","updated_at":"2015-01-15T22:45:53Z","closed_at":"2015-01-15T22:45:53Z","body":"Originally posted here.\r\nhttps://github.com/maksimr/vim-jsbeautify/issues/70\r\n\r\nWith custom web components and angular directives, js-beautify doesn't properly format them.\r\n\r\nI found this repo which has the regex for web components in vim, which would help vim.beautify, but it relies on this repo under the hood. \r\n\r\nAny plans on custom web components support? "},"comment":{"url":"https://api.github.com/repos/beautify-web/js-beautify/issues/comments/70177197","html_url":"https://github.com/beautify-web/js-beautify/issues/590#issuecomment-70177197","issue_url":"https://api.github.com/repos/beautify-web/js-beautify/issues/590","id":70177197,"user":{"login":"mhartington","id":2835826,"avatar_url":"https://avatars.githubusercontent.com/u/2835826?v=3","gravatar_id":"","url":"https://api.github.com/users/mhartington","html_url":"https://github.com/mhartington","followers_url":"https://api.github.com/users/mhartington/followers","following_url":"https://api.github.com/users/mhartington/following{/other_user}","gists_url":"https://api.github.com/users/mhartington/gists{/gist_id}","starred_url":"https://api.github.com/users/mhartington/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mhartington/subscriptions","organizations_url":"https://api.github.com/users/mhartington/orgs","repos_url":"https://api.github.com/users/mhartington/repos","events_url":"https://api.github.com/users/mhartington/events{/privacy}","received_events_url":"https://api.github.com/users/mhartington/received_events","type":"User","site_admin":false},"created_at":"2015-01-15T22:45:53Z","updated_at":"2015-01-15T22:45:53Z","body":"Alright, so apologies first. \r\nThe mistake came from me :disappointed: \r\n\r\nSo jsBeautify does work with custom elements, but you got make sure you're calling the right functions....\r\n\r\nOriginally I was just calling `jsBeautify()` on everything. So html was getting processed thought the javascript beautifier. Little did I know that there was multiple functions per file type \r\n\r\n```\r\n\" JSBeautify\r\n  autocmd FileType javascript noremap <buffer>  <c-f> :call JsBeautify()<cr>\r\n\" for html\r\n  autocmd FileType html noremap <buffer> <c-f> :call HtmlBeautify()<cr>\r\n\" for css or scss\r\n  autocmd FileType css noremap <buffer> <c-f> :call CSSBeautify()<cr>\r\n```\r\nAll in all, once you specify what function to call, (html, js, or css) everything works fine. \r\nSo no issue on your part! \r\nSorry to be a bother\r\n"}}