{"id":23188416,"url":"https://github.com/xavierchow/vim-sequence-diagram","last_synced_at":"2025-04-05T05:44:49.443Z","repository":{"id":145891019,"uuid":"55791472","full_name":"xavierchow/vim-sequence-diagram","owner":"xavierchow","description":"A Vim plugin for previewing sequence diagram in a browser","archived":false,"fork":false,"pushed_at":"2019-09-11T07:51:55.000Z","size":385,"stargazers_count":57,"open_issues_count":0,"forks_count":8,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-10T13:43:24.200Z","etag":null,"topics":["diagram","js-sequence-diagrams","keymap","vim-plugins","vim-sequence-diagram","vimrc"],"latest_commit_sha":null,"homepage":"","language":"Vim script","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xavierchow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-04-08T15:56:31.000Z","updated_at":"2024-06-03T19:12:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"e4ac719e-bd7f-4fff-9846-81794d48b2d3","html_url":"https://github.com/xavierchow/vim-sequence-diagram","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/xavierchow%2Fvim-sequence-diagram","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xavierchow%2Fvim-sequence-diagram/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xavierchow%2Fvim-sequence-diagram/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xavierchow%2Fvim-sequence-diagram/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xavierchow","download_url":"https://codeload.github.com/xavierchow/vim-sequence-diagram/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247294463,"owners_count":20915338,"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":["diagram","js-sequence-diagrams","keymap","vim-plugins","vim-sequence-diagram","vimrc"],"created_at":"2024-12-18T11:14:38.745Z","updated_at":"2025-04-05T05:44:49.434Z","avatar_url":"https://github.com/xavierchow.png","language":"Vim script","funding_links":[],"categories":[],"sub_categories":[],"readme":"Vim Sequence-diagram Preview\n====================\n\n- [Intro](#intro)\n- [Installation](#installation)\n- [Usage](#usage)\n- [License](#licnese)\n\nIntro\n-----\nA Vim plugin for previewing sequence diagram in a browser. It's inspired by [vim-markdown-preview](https://github.com/JamshedVesuna/vim-markdown-preview)\nand [JS Sequence Diagram](https://github.com/bramp/js-sequence-diagrams).\n\n[JS Sequence Diagram](https://github.com/bramp/js-sequence-diagrams) is awesome! \nAnd its [online editing feature](https://bramp.github.io/js-sequence-diagrams/) is cool as well.\nHowever, there're 2 drawbacks:\n\n1. Online editing is opt to be lost, especially with an unexpected browser fresh or history-back.\n2. You have to copy\u0026paste between the online web page and your text editor repeatedly for updating/preview.\n\nThis vim plugin helps you handle the issues above, write your sequence diagram description in vim, press a hotkey to preview it in browser!\n![Screenshot](images/screenshot.gif)\n\nInstallation\n------------\n\n* With [Pathogen](https://github.com/tpope/vim-pathogen): Place `vim-sequnce-diagram/` in `.vim/bundle/`.\n* With [Vundle](https://github.com/VundleVim/Vundle.vim):\n    * Add `Plugin 'xavierchow/vim-sequence-diagram'` to your `.vimrc`.\n    * Launch `vim` and run `:PluginInstall`\n\nUsage\n-----\n### File extension\nThis plugin only applies to files with `.seq` or `.sequence` file extension,\nthat means it has nearly no performance impact on other file types.\n\n**Note:** Make sure you have renamed the file name with proper extension.\n\n### Keymap for preview\nThe default keymap is `\u003cleader\u003et`, it brings up a browser window and shows the sequence diagram for you.\nYou can also define your keymap in vimrc.\n```\nnmap \u003cunique\u003e \u003cleader\u003et \u003cPlug\u003eGenerateDiagram \n```\n### JS Sequence Diagram Theme\nCurrently there're mainly 2 themes with js-sequence-diagrams, `hand drawn` and `simple`.\nYou can add the following line into your vimrc for using `hand drawn` theme, set it to 0 or remove the line for `simple` theme.\n```\nlet g:generate_diagram_theme_hand = 1\n```\n### Download as SVG or PNG\nUse the buttons at the bottom to download the diagram as SVG or PNG.\n\nLicense\n-----------------\n\nMIT\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxavierchow%2Fvim-sequence-diagram","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxavierchow%2Fvim-sequence-diagram","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxavierchow%2Fvim-sequence-diagram/lists"}