{"id":18791037,"url":"https://github.com/samuelsimoes/vim-jsx-utils","last_synced_at":"2025-04-13T14:21:32.073Z","repository":{"id":42576879,"uuid":"55868714","full_name":"samuelsimoes/vim-jsx-utils","owner":"samuelsimoes","description":"Plugin with some utilities (like extract partial render, rename tag, select self close tags) to folks who work with JSX on Vim.","archived":false,"fork":false,"pushed_at":"2017-03-22T18:09:41.000Z","size":154,"stargazers_count":74,"open_issues_count":3,"forks_count":1,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-27T05:23:32.367Z","etag":null,"topics":["closing-tags","jsx","productivity","vim","vim-jsx-utils","vim-plugin"],"latest_commit_sha":null,"homepage":"","language":"Vim script","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/samuelsimoes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-04-09T21:55:16.000Z","updated_at":"2024-12-30T16:38:59.000Z","dependencies_parsed_at":"2022-07-09T07:46:23.902Z","dependency_job_id":null,"html_url":"https://github.com/samuelsimoes/vim-jsx-utils","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samuelsimoes%2Fvim-jsx-utils","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samuelsimoes%2Fvim-jsx-utils/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samuelsimoes%2Fvim-jsx-utils/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samuelsimoes%2Fvim-jsx-utils/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/samuelsimoes","download_url":"https://codeload.github.com/samuelsimoes/vim-jsx-utils/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248725099,"owners_count":21151627,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["closing-tags","jsx","productivity","vim","vim-jsx-utils","vim-plugin"],"created_at":"2024-11-07T21:14:31.253Z","updated_at":"2025-04-13T14:21:32.046Z","avatar_url":"https://github.com/samuelsimoes.png","language":"Vim script","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vim-jsx-utils\nPlugin with some utilities to folks who work with **[JSX](https://facebook.github.io/jsx/)** on Vim.\n\n:warning: This plugin only expose a [set of functions](#functions). You need create your own mappings to this, like:\n\n```\nnnoremap \u003cleader\u003eja :call JSXEncloseReturn()\u003cCR\u003e\nnnoremap \u003cleader\u003eji :call JSXEachAttributeInLine()\u003cCR\u003e\nnnoremap \u003cleader\u003eje :call JSXExtractPartialPrompt()\u003cCR\u003e\nnnoremap \u003cleader\u003ejc :call JSXChangeTagPrompt()\u003cCR\u003e\nnnoremap vat :call JSXSelectTag()\u003cCR\u003e\n```\n\n:warning: All functions must be invoked on the first component line.\n\n## Installation\nYou can install this plugin with [Pathogen](https://github.com/tpope/vim-pathogen), [Vundle](https://github.com/VundleVim/Vundle.vim) and other plugin loaders.\n\n## Functions\n\n### JSXSelectTag\nSelect the whole tag, like `vat`, but with a little improvement to select self-closing tags.\n\n### JSXEncloseReturn\nPut the current tag on a return statement with parenthesis.\n\n![](examples/enclose-vim.gif)\n\n### JSXEachAttributeInLine\nPut each tag attribute's on its own line to better readability.\n\n![](examples/eachline-vim.gif)\n\n### JSXExtractPartialPrompt\n:warning: Only ES6 classes\n\nExtract some tag on its own method on a ES6 class.\n\n![](examples/partial-vim.gif)\n\n### JSXChangeTagPrompt\n\nChange the tag name\n\n![](examples/change-vim.gif)\n\n-------\nSamuel Simões ~ [@samuelsimoes](https://twitter.com/samuelsimoes) ~ [Blog](http://blog.samuelsimoes.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamuelsimoes%2Fvim-jsx-utils","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamuelsimoes%2Fvim-jsx-utils","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamuelsimoes%2Fvim-jsx-utils/lists"}