Code Monkey home page Code Monkey logo

vue-graphviz's Issues

Edge drawing feedback doesn't start at the correct position

Issue description

When you are drawing the edges, the feedback doesn't always line up correctly.

Steps to reproduce the issue

  1. Place the mouse in edge drawing mode.
  2. Start drawing an edge.

What's the expected result?

The feedback line should line up with the initial node.

What's the actual result?

Currently the line doesn't line up and floats in the middle of the canvas.

Edge Hover Menu

  • New hover menu as a vue component for edges.
  • Will open up on top of mouseOver position
  • Change:
    • Colour
    • Stroke
    • Weight

Clicking the editable nodes causes pipes to stack up.

Issue description

If you click on editable nodes multiple times, the observables don't cancel and many cursors are added.

Steps to reproduce the issue

  1. Create an editable node.
  2. Spam click on the editable node

What's the expected result?

Multiple pipes shouldn't appear.

What's the actual result?

The node will have many pipes: '|' of previous cursors.

Central storage of props outside of the component.

If the props being passed in aren't stored centrally, then the mutations webcola adds to them will be lost.

However the save does keep x and y co-ordinates.

The overhead of recreating the graph every time the props change may become
very slow.

Jumping Nodes

Aligned fixed nodes that have been dragged, upon dragging another node, will jump partway between original position and new position

  1. Create two nodes and align them
  2. create a third node elsewhere in page
  3. drag the aligned nodes
  4. drag the unconnected node
    the two connected nodes will now jump back partway between their old and new positions

Safari can't find variable: levelgraph

This is an error message I get when I try to run it in Safari:

[Vue warn]: Error in mounted hook: "ReferenceError: Can't find variable: levelgraph"

found in

---> at /Users/monika/vue-graphViz/src/graphViz.vue

Standalone App

  • Reduce App size
  • Put save menu in modal box
  • Remove import prob diagram from standalone app - or maybe import pmath into standalone app
  • Save graph image
  • Save graph structure
  • Import graph structure
  • Move build folder to docs instead of dist and host app from Master/docs branch on github

Should ES6 be transpiled down or leave it?

Currently the component only works on Chrome because of ES6 syntax. Safari and Firefox both don't work. However after transpilation the component works on all modern browsers.

Should I add transpilation or let importing projects handle it?

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.