Allows sequence diagrams to be embedded inside of Github issues. Based on http://bramp.github.io/js-sequence-diagrams/.

Latest Version

Version

0.0.3

Update

October 15, 2016

Size

121KiB

Developer

Github Sequence Diagrams Extension

*** Update 0.0.3 ***

New theme options added by @jharmn, you can now select hand or simple theme.

This extension will allow you to add sequence diagrams into your Github issues seamlessly.

It is based on the amazing library created by Andrew Brampton which can be found at http://bramp.github.io/js-sequence-diagrams/.

To get to grips with the syntax of the sequence diagrams please visit Andrew's page listed above.

Getting Started:

The only thing you need to do in order to embed a sequence diagram into a Github issue is to surround the JS Sequence Diagram syntax inside a fenced code block and specifying the language of the code block as \"jsseq\" as per Github Flavoured Markdown.

Example:

```jsseq
A->B: Message1
B->A: Message2
B-->>C: Message 3
C-->>A: Message 4
```

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Github Sequence Diagrams", "version": "0.0.3", "manifest_version": 2, "description" : "Allows sequence diagrams to be embedded inside of Github issues. Based on http://bramp.github.io/js-sequence-diagrams/.", "icons": { "16": "icons/16x16.png", "48": "icons/48x48.png", "128": "icons/128x128.png" }, "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'", "permissions": [ "storage" ], "background": { "scripts": ["js/background.js"], "persistent": false }, "content_scripts": [ { "matches": ["*://*.github.com/*/*/issues/*", "*://*.github.com/*/*/pulls/*"], "css": ["css/jsseq.css"], "js": ["js/libs/mutation_summary.js","js/libs/raphael-min.js","js/libs/underscore-min.js","js/libs/sequence-diagram-min.js","js/libs/jquery-2.0.3.min.js", "js/content.js"] } ], "options_ui": { "page": "options.html", "chrome_style": true }}

Download CRX(121KiB)

Similar Extensions

PlantUML Viewer Extension · Developer Tools 602 104 ★ 36.92KiB

Chrome Diagrammer Extension · Developer Tools 602 4 ★ 437KiB

Git flow (for Github) Extension · Developer Tools 602 1 ★ 218KiB

Github diff helper Extension · Developer Tools 602 3 ★ 137KiB

GitHub submodule links Extension · Developer Tools 602 2 ★ 17.49KiB

Github Toc Extension · Developer Tools 602 7 ★ 704KiB

GitHub Highlight Selected Extension · Developer Tools 602 17 ★ 156KiB

github.expandinizr Extension · Developer Tools 602 29 ★ 68.69KiB

Pretty Pull Requests (Github) Extension · Developer Tools 602 21 ★ 412KiB

ZenUML Sequence Extension · Developer Tools 602 16 ★ 5.34MiB

Contributors on Github Extension · Developer Tools 602 5 ★ 15.6KiB

Codebox Button for GitHub Extension · Developer Tools 602 2 ★ 11.74KiB

mermaid-diagrams Extension · Developer Tools 602 6 ★ 436KiB

Markdown Menu for GitHub Extension · Developer Tools 602 9 ★ 5.8KiB

Diff Navigator for GitHub Extension · Developer Tools 602 3 ★ 43.72KiB

OctoLinker Extension · Developer Tools 602 110 ★ 184KiB

github npm stats Extension · Developer Tools 602 4 ★ 65.86KiB

Markdown Diagrams Extension · Productivity 602 10 ★ 155KiB

Wiki Search for GitHub Extension · Productivity 602 31 ★ 773KiB

Notifier for GitHub Extension · Developer Tools 602 54 ★ 75.23KiB

GitHub Hovercard Extension · Developer Tools 602 41 ★ 121KiB

Github Node.js require() navigator Extension · Developer Tools 602 8 ★ 509KiB

Sourcegraph Extension · Developer Tools 602 169 ★ 8.22MiB

GitHub Selfies Extension · Social & Communication 602 24 ★ 65.13KiB

User reviews

بهنام صباغی (ID: 000000c441656b1f) Voted 1 ★ - Updated 10/01/2021 Doesn't do anything anymore.

Matt Murphy (ID: 0000005988882a6c) Voted 1 ★ - Updated 03/18/2021 Doesn't do anything anymore, maybe because the only code it loads is google analytics

Yicone Wang (ID: 00000004f8912e71) Voted 5 ★ - Updated 09/04/2013 Awesome. If can use in gist， it's better.

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Github Sequence Diagrams