Coder Social home page Coder Social logo

backmarket-oss / github-mermaid-extension Goto Github PK

View Code? Open in Web Editor NEW
238.0 9.0 67.0 8.52 MB

A browser extension for Chrome, Opera & Firefox that adds Mermaid language support to Github

License: MIT License

JavaScript 52.29% HTML 8.56% CSS 39.15%
github mermaid extension chrome firefox webextension chrome-extension firefox-extension

github-mermaid-extension's People

Contributors

amercier avatar benhodgson87 avatar bharani91 avatar cbioley avatar greenkeeper[bot] avatar londeren avatar yfdyh000 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

github-mermaid-extension's Issues

An in-range update of babel7 is breaking the build 🚨

There have been updates to the babel7 monorepo:

    • The devDependency @babel/core was updated from 7.6.4 to 7.7.0.

🚨 View failing branch.

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.

Status Details

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


Your Greenkeeper Bot 🌴

feature request: rect support in sequence diagrams

image

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...

An in-range update of mermaid is breaking the build 🚨

The dependency mermaid was updated from 8.0.0 to 8.1.0.

🚨 View failing branch.

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.

Status Details

Release Notes for 8.1.0

Changes

Merged the following pull requests:

#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)

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


Your Greenkeeper Bot 🌴

Demos

Flowchart

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

Sequence diagrams

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 Diagram

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

Mermaid roadmap

Hello,

Is there any roadmap?
I would like to be interested in knowing if architecture diagrams are planned.

BR
Nicolas

Sequence Diagram Async Arrow Support

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

Error message (img):
image

how others render it:
image

Also seen in the first example of https://github.com/mermaid-js/mermaid/blob/develop/docs/sequenceDiagram.md

Font issue on Firefox

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)

An in-range update of core-js is breaking the build 🚨

The devDependency core-js was updated from 3.3.3 to 3.3.4.

🚨 View failing branch.

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.

Status Details

Release Notes for 3.3.4 - 2019.10.25
  • Added a workaround of V8 deoptimization which causes serious performance degradation (~20x in my tests) of some RegExp-related methods like String#split, #306
  • Added a workaround of V8 deoptimization which causes serious performance degradation (up to 100x in my tests) of Array#splice and slightly Array#{ filter, map }, #677
  • Fixed work of fetch with polyfilled URLSearchParams, #674
  • Fixed an edge case of String#replaceAll with an empty search value
  • Added compat data for Chrome 80
  • package-lock.json no longer generated in libraries
FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


Your Greenkeeper Bot 🌴

Support for other diagramming libraries [Enhancement]

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?

Doesn't support database syntax

The extension throws an error when we use syntax such as
image
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.

An in-range update of browserify is breaking the build 🚨

The devDependency browserify was updated from 16.3.0 to 16.4.0.

🚨 View failing branch.

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.

Status Details

Commits

The new version differs by 5 commits.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


Your Greenkeeper Bot 🌴

An in-range update of gulp-sass is breaking the build 🚨


☝️ 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


The devDependency gulp-sass was updated from 4.0.2 to 4.1.0.

🚨 View failing branch.

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.

Status Details

Release Notes for v4.1.0

Features

Dependencies

  • Migrate to the lodash package (@stof, #728)
Commits

The new version differs by 3 commits.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


Your Greenkeeper Bot 🌴

GitHub Enterprise Support ... ?

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

Diffs on .md files trigger syntax errors

Example

image

How to reproduce

  1. Create a PR with a .md file containing a Mermaid chart.
  2. Add a new commit that edits the chart
  3. Go to the PR, select the last commit only
  4. Click on "Display the rich diff" button

Possible solution

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/*] -&gt; B{Is the cart empty?}</ins>
    <ins>B --&gt;|Yes| C(Redirect to `/f2/cart`)</ins>
    <ins>B --&gt;|No| D(Render page)</ins>
    <del>A{Is the cart empty?}</del>
    <del>A --&gt;|Yes| B(Redirect to `/f2/cart`)</del>
    <del>A --&gt;|No| C(Render page)</del>
  </code>
</pre>

Exclusion of weekdays causes syntax error

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!

Update browser extensions to latest Mermaid

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.