backmarket-oss / github-mermaid-extension Goto Github PK
View Code? Open in Web Editor NEWA browser extension for Chrome, Opera & Firefox that adds Mermaid language support to Github
License: MIT License
A browser extension for Chrome, Opera & Firefox that adds Mermaid language support to Github
License: MIT License
Firefox shows the following error:
Content Security Policy: The page’s settings blocked the loading of a resource at data:application/font-woff2;charset=utf-… (“font-src”).
And the fonts don't load. The font could be "Open Sans" (instead of "Open-Sans") and it would pick up the Open Sans font that can be installed (from google's github: https://github.com/google/fonts/tree/master/apache/opensans)
Thank-you for creating this extension; it's awesome.
FYI: I use this extension when working with "markdown diagrams" in VSCode (also supports Atom): markdown-preview-enhanced. It would be great if this Chrome extension could support these various libraries too:
Obviously this goes well beyond the title / original scope of your extension, but I hope it's something you'd consider for the long term?
Hello, I am having some issues in using the plugin for gantt with days exclusion.
Example:
gantt
dateFormat YYYY-MM-DD
title Topic
excludes weekdays saturday,sunday
section Timeline
Task :crit, spawn, 2020-01-30, 1d
it results in the following syntax error:
Parse error on line 4:
...days saturday,sundaysection TimelineC
-----------------------^
Expecting 'taskData', got 'NL'
Am I doing something wrong or maybe there's some parsing issue here?
Thanks in advance!
Could you please build it with the latest Mermaid release (currently 8.4.6
) and update the browsers extensions
I'm trying to use chaining but it doesn't work because it was introduced on Sep 2019 (mermaid 8.2.6
), the last update to the chrome extension was on Apr 2019, so it's probably using mermaid 8.0.0
or something like that
Any chance to support Azure devops/visualstudio.com ? That would be great !
3.3.3
to 3.3.4
.This version is covered by your current version range and after updating it in your project the build failed.
core-js is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.
RegExp
-related methods like String#split
, #306Array#splice
and slightly Array#{ filter, map }
, #677fetch
with polyfilled URLSearchParams
, #674String#replaceAll
with an empty search valuepackage-lock.json
no longer generated in librariesThere is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot 🌴
graph LR
A(Start)
A --> B[Look for an item]
B --> C{Did you find it?}
C -->|Yes| D(Stop looking)
C -->|No| E{Do you need it?}
E -->|Yes| B
E -->|No| D
sequenceDiagram
participant U as User
participant C as Client
participant S as Server
participant DB as Database
U ->> C: Fill username
U ->> C: Fill password
C ->> U: Enable "Login" button
U ->> C: Click "Login" button
C ->>+ S: POST /login
S ->>+ DB: SELECT FROM users
Note over S,DB: See login.py for impl. details
DB -->>- S: results
S -->>- C: { authenticated: true }
C ->> U: redirect /home
gantt
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1 , 20d
section Another
Task in sec :2014-01-12 , 12d
another task : 24d
The async arrows for a sequence diagram, -)
and --)
, as defined in https://mermaid-js.github.io/mermaid/#/sequenceDiagram?id=messages do not seem to be supported
Type | Description |
---|---|
-) | Solid line with an open arrowat the end (async) |
--) | Dotted line with a open arrow at the end (async) |
Sample:
```mermaid
sequenceDiagram
Thing1-)Thing1: something to self
Thing1-)Thing2: something to other
Thing1--)Thing1: something to self
Thing1--)Thing2: something to other
Error message (runtime):
sequenceDiagram
Thing1-)Thing1: something to self
Thing1-)Thing2: something to other
Thing1--)Thing1: something to self
Thing1--)Thing2: something to other
Also seen in the first example of https://github.com/mermaid-js/mermaid/blob/develop/docs/sequenceDiagram.md
Hello,
Is there any roadmap?
I would like to be interested in knowing if architecture diagrams are planned.
BR
Nicolas
I just tested the extension on Microsoft Edge Insider-DevChannel using the provided chrome extension.
following the guide for the Edge browser to use Chrome extension
It will be great to have the extension also works within the preview mode of Azure Devops
Just check => this is done
Update Roadmap to include => Publish Edge Insider Extension
devDependency
@babel/core was updated from 7.6.4
to 7.7.0
.dependency
@babel/polyfill was updated from 7.6.0
to 7.7.0
.devDependency
@babel/preset-env was updated from 7.6.3
to 7.7.0
.devDependency
@babel/register was updated from 7.6.2
to 7.7.0
.This version is covered by your current version range and after updating it in your project the build failed.
This monorepo update includes releases of one or more dependencies which all belong to the babel7 group definition.
babel7 is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.
There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot 🌴
.md
file containing a Mermaid chart.Handle diff situation differently. Here's the HTML:
<pre lang="mermaid" class="rich-diff-level-one" data-processed="true">
<code>graph TD
<ins>A[/f2/*] -> B{Is the cart empty?}</ins>
<ins>B -->|Yes| C(Redirect to `/f2/cart`)</ins>
<ins>B -->|No| D(Render page)</ins>
<del>A{Is the cart empty?}</del>
<del>A -->|Yes| B(Redirect to `/f2/cart`)</del>
<del>A -->|No| C(Render page)</del>
</code>
</pre>
16.3.0
to 16.4.0
.This version is covered by your current version range and after updating it in your project the build failed.
browserify is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.
The new version differs by 5 commits.
8980670
16.4.0
f871a85
Update changelog.markdown
52de2c4
Merge pull request #1916 from browserify/stream-http
5dc1bf2
Upgrade stream-http to v3
4a5ea7e
Add funding.yml
See the full diff
There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot 🌴
sequenceDiagram
participant signOut as AuthAPI.logOut
participant logout as /logout
participant crossLogoutOrigins
rect rgb(255, 235, 179)
signOut->>logout: GET
logout-->>signOut: crossLogoutOrigins
end
rect rgb(252, 192, 192)
logout->>crossLogoutOrigins: POST: each URL
end
The VS code mermaid plugin renders the above just fine...
8.0.0
to 8.1.0
.This version is covered by your current version range and after updating it in your project the build failed.
mermaid is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.
#788 Gantt milestones
#791 SVG link rendering
#792 Added exclude weekdays to definition
#795 fix class diagram mermaid
#798 linkStyle now supports list of indexes with a few tests
#804 Clickable gantt tasks
#810 Documentation update
#824 Fix issue with XML line breaks inside vertex labels
#828 Fix dotted lines not appearing in flowcharts when HTML labels disabled
#832 ix draw function can only call once
#837 Fix dark theme, loop labels not visible
#848 Support styling of subgraphs
#850 Significantly smaller bundles
#851 Bump sshpk from 1.13.1 to 1.16.1 (security)
There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot 🌴
Tried this today, rendered perfectly by https://mermaidjs.github.io/mermaid-live-editor/ yet showing error with the extension:
Code:
```mermaid
graph TD
subgraph "groupA"
subgraph "groupA1"
balancer[Balancer] --> backend[Backend]
balancer --> frontend[Frontend]
end
end
```
Render:
The extension throws an error when we use syntax such as
This is fixed by #26. Just verified it by building it. The PR needs to be merged and the latest version needs to be released.
Hi there,
I was very excited to find your browser extension to render Mermaid.js!
I just tried it out using GitHub Enterprise and it seems that even with this extension installed it cannot render mermaid.js on the Enterprise (on-premise) version of GitHub ?
Is there any way to make this work on an On-Premise Github Enterprise install ?
Thanks!
-Alex
☝️ Important announcement: Greenkeeper will be saying goodbye 👋 and passing the torch to Snyk on June 3rd, 2020! Find out how to migrate to Snyk and more at greenkeeper.io
4.0.2
to 4.1.0
.This version is covered by your current version range and after updating it in your project the build failed.
gulp-sass is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.
There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot 🌴
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.