vanila-io / wireflow Goto Github PK

When copying and pasting the nodes the connections between them aren't getting copied.

How to reproduce

1. Create a simple diagram (2+ nodes) with arrows connecting nodes.
   

2. Multi-Select all the nodes
   

3. Copy the selected shapes ( optional: and then delete these shapes [ for readability purposes ] )

4. Now click on the Paste button to paste the copied design.

Observation:
The nodes are not connected with arrows

Used Chrome with latest master (8e0c0e7) running in a virtualbox docker container.

Not sure if this is the expected behavior or not.

Hey there! Thanks for the open source and the nice tool you built.

We're trying to set it up and see if it can be useful for creating workflow from multiple design team regarding the same tool.

What would be the best way to add new charts to the app?
For now we can replace your svg, but what if we want to get deeper into customisation?

Currently only groups, headers or labels (the labeled ones don't have a transparent background) can have a textual note.
This one is quite small so my idea is to add text-box for in the model.
in this text-box can additional info or notes written and linked to other elements

Humble request for a docker image

Hello Guys
Your Youtube Video in the Section "Around the web" on Github is not work. When you click the Video it came a failure on Youtube.

Best regards
Christoph

Steps to reproduce

1. Create a node
2. Write a really long name in the label field.
   Observe:
   The text is now overflowing the space
   

Used Chrome with latest master (8e0c0e7) running in a virtualbox docker container.

Trying this for the first time I can't create a document

I think a good first milestone would be to make this project run using up to date versions of Meteor and the packages. Also the NPM packages require a version update.

This is one of the major issues we will be working on.

1. Admin database exposed at /admin/users
2. Websocket is unauthenticated

The reason is, this was a prototype and got hunted on producthunt unfortunatly.

Action:

• Take down wireflow for now,
• Fix these problems before moving on to next version.

Would be awesome to have the ability to set the production time in hours for each site page or app screen using an estimation panel. The estimates table would sums everything up and allows specifying hourly rates, adding extra project stages, and calculating overall costs like in octopus do.

Thanks for this great tool, it is really nice and useful.

It would be nice to have a few more screens available, or even to draw/upload your own images. Also, since it is related to flows, it would be nice to include typical flow-like-things:

• yes / no choice
• three buttons choice
• wizard steps 1/2/3
• email sent / confirmed

Thanks

Hello,

Accidentally deleted a project from the Wire Flow app, on Android, is there any way to recover said data ?

Thank you.

There are many packages that requires eslint.
Can we fix the eslint errors at once so that other commits would have their own meaning?

For example, Remove react-komposer package should mean it removes react-komposer package and nothing else. But it also have a lot of eslint fixes.

So maybe we can focus on one PR that focuses on only ESLint related problems through all files of wireflow app.

@badis since you worked on this, what's your opinion?

Currently when a group is created and another item has to be added to the group. The current workflow is

• Delete group
• add item in place
• multi select
• create group (again)

I think it would be great to have a more easy way to add an object to a group. For example highlight group when a object could be added.

[EDIT: I figured out that sometimes when i want to add an item to an existing group it workout well. Sometimes a new item jumps directly in place and sometimes it does not.
Adding an item to a group what is already in the workplace is more difficult. Often (multiple times) refreshing the screen helps.]

current work environment:
Apple OSX 10.15 with safari.

Clicking the save button zooms in the whole canvas, and cuts out part of the wire.

Preview of problem:

Hi Guys, this is amazing. Love to see if we can get VSCode extension. Similar to Draw.io integration.
https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio

Currently the v2 of ggeditor is outdated and has a lot of vunaribility.

When we started to redesign this, we had to pick v2 due to some limitations present in v3.

• To upgrade to v3, we will probably need to completely rewrite few components with new logic.
• The custom image/svg element documentation is non-existent/very limited.
• GGEditor/issues are mostly written in Chinese which might slow down our development with no one in the current team knowing the language.

I do not know if it is a typo or not, but on the home page of the official website you spelt open source as open sorrce.

hello,
is it possible to fix this?

//Edge chromium- Windows 10

Observed behavior

When using Firefox, a user tries to drag a component from the component library (on the left hand side of the window), but no component is dragged and a selection area appears in the component library.

Expected behavior

To be able to drag components from the components library like on other browsers (tested Chrome).

Details

Observed in Firefox 80.0.1, Firefox 81.0, Firefox Nightly 83.0a1 (2020-09-28).

Screenshot

Can this library be used with Angular?

I have quite often that i have to deal with multiselect But often it is not clear what exactly is selected.
My main problem is that i can't get it unselected.
Since currently there are no options when multiple objects are selected. please add a button to unselect all.

[Edit: I figured out that refreshing the screen helps quite often agains this bug(?) / issue. In the end it works but it is still quite sensitive.]

current work environment:
Apple OSX 10.15 with safari.

When I created screen with flow and after download JPG it's to slow and can't even read Label name. when I zoom it's blur

cheers 💫

I'd like to see the possibility of being able to load a file created with this great tool since I don't know how to continue editing previous works.
Thanks

Steps to reproduce:

1. Go to https://wireflow.co/
2. Click 'start designing'
3. Click 'see charts'
4. In the search field, type 'sign' or 'blog'
5. The results list appears to contain many duplicates

Expected results: if there are only four items matching my search, I expect to see a list of only those four items. If these items are not actually duplicates, then I expect to be able to differentiate them from one another.

Thanks!

Can development be done in a windows environment? If not then, will working in a VM be feasible?

The Readme has 2 links which don't display the images.

Possible reason

The server showing the images is not working, i.e. it is in error state.

Possible Solution

I am not sure who is maintaining that server but maybe we need to just restart the server or something depending on how the images are being served, or how it is set up.

How can I custom style of group?

The website has a nice category view of the flow patterns, in which they also hold small headlines related to their use.

Having a sorted list of named pieces in the left drawer can help intuitive access of the components.

Additionally, if the sidebar could be changed in size and to automatically adapt to show a grid view instead of a long list, that could easy accessibility.

Your SSL certificate seems to be invalid which is causing some app-level issues.

Error during service worker registration: DOMException: Failed to register a ServiceWorker for scope ('https://app.wireflow.co/') with script ('https://app.wireflow.co/service-worker.js'): An SSL certificate error occurred when fetching the script.

I think this might be breaking the autosave functionality.

Some simple user guide and onboarding should be done, so users can get it easier how to use the tools.

Hi all,
is the script still active managed since there were no update for 2 years?

Thank you for the great work!

The colors can't set to another defined color. Currently it is more or less guessing if a color is the same as previous one.

Adding for example RGB settings next / below to the the colormap

EDIT: added picture from the internet as example

After nearly completing a wireflow, I was on the last node and realized I wasn't able to edit it. It seems to have occurred after one of the arrows I was trying to connect got buggy. Now, I can select/copy/past/move things, but cannot edit/undo/delete. The right sidebar has the multiselect window open and I can't get it to go away.

• Might be helpful to add a save-current-state option
• Would be helpful to have more keybinded commands to close windows and such
• Might be a groupings issue, but there is nothing on the UI that indicates created groups that I can see

Hi everyone.

One idea: what about having a mobile version of the screens on the left (portrait and some mobile-like UI).

Thanks for the great project

First we saw a white canvas background.

And then we cleared the canvas.

And we see the while background is gone completely.

Creating anything will not have a white background. It should be white by default.

Hi!

I stumbled upon your project and I think it has great potential

Tried the online version with lots of hope but no luck, and then tried to execute it locally on my MacBook (adapting Linux instructions) but no luck either

I don't know if there is any incompatibility by default with MacOSX, or the project is simply discontinued

Thanks

We should have a simplified way of saving the state in localstorage in case the page is reloaded. Once it's done, we can think of saving them on server and realtime collaboration at a later stage.

We can also try sqlite, indexdb, webSQL etc, though it's unsure if it's going to work on mobile devices.

There are currently no tests in this project, at least I did not find any. In order to improve this project it would be good to gain a high test coverage.

A rather terrible high pitched sound clip is played on https://wireflow.co upon page load.

Unless the intention is to scare away potential users, I think it's best to get rid of it.
People on Hacker News seem to agree.

Hi, your project is awesome!
Will it be possible in the future to store the Wireflow's I made?

Hello there, this is Taher. A developer from @vanila-io and a co-founder of @automatio-co.

Recently we got a surge of visits, mentions, emails, stars and pull requests from a lot of people and realized someone shared us in hacker news. You have our heartfelt gratitude of showing interest in wireflow.

This is a side project where we did not invest much time into.

The initial idea was created by @shtefcs many years ago and several developer put their time on this as a side project. That version got hunted before in producthunt while we were busy with other projects and we had to step in because a lot of problems started to appear with the exposure. Then we decided to make it open source.

Then on this version, @shtefcs put some time in the new landing page in hurry (hence those typing mistakes) and the new frontend was developed by @arifulbgt4 in short time (hence the structure problems).

I can confirm and am sorry that this version is incomplete, without any API and realtime collaboration. However this one is also started to getting a lot of exposure due to the value and potential it brings.

Currently we are busy with Automatio, a no-code web automation/scraping tool to help you extract data from web pages or create bots to replace manual repetitive work. So extra hands are what we need to move forward.

Moving forward:

We are looking forward to allocate a core team and maintainer for wireflow to further develop it according to the plan and idea, since we got our hands full right now with lots of work.

We are again thankful for the contribution, comments, ideas, stars and the discussion on the current version and it greatly motivates us to do something impactful.

Clicking the [Become a backer] correctly links to https://opencollective.com/wireflow#backer
Clicking the image highlighted in the attached redirects to https://opencollective.com/%7B%7Bslug%7D%7D#backers

<a href="https://opencollective.com/{{slug}}#backers" target="_blank"><img src="https://opencollective.com/wireflow/backers.svg?width=890"></a>

Edge connect point should be added with another node points. It's connect into canvas without any node points.

Cool app!

Though Firefox drag and drop is not working.

> git clone 'https://github.com/vanila-io/wireflow' 'wireflow-original'
Cloning into 'wireflow'...

error: invalid path 'src/setupTests.js '

fatal: unable to checkout working tree
warning: Clone succeeded, but checkout failed.
You can inspect what was checked out with 'git status'
and retry with 'git restore --source=HEAD :/'

git status shows a bunch of deleted paths that are staged.
unstaging them does nothing to the filesystem/workspace.
git reset --hard shows the same error and the dir remains empty.

> git config core.protectNTFS

Windows 10 Pro 64-bit 20H2
Cygwin terminal environment
Fish shell

> git log -- 'src/setupTests.js'
> git log -- 'src/setupTests.js '
commit 1ce56b9dd792aebdb43802e3eac30f464eb3d934
Author: Md Abu Taher <[email protected]>
Date:   Sun Jul 12 09:54:19 2020 +0600

    chore: migrate wireflow2 to wireflow
> git log -1
commit 8e0c0e73b96051b4a9aca4bc3ef033831ecda466 (HEAD -> master, origin/master, origin/HEAD)
Author: Md. Abu Taher <[email protected]>
Date:   Tue Nov 10 00:15:49 2020 +0600

    Update README.md

GitHub - vanila-io / wireflow2:
README.md:

Project moved to https://github.com/vanila-io/wireflow

> git ls-tree origin/master src/setupTests.js
> git ls-tree origin/master 'src/setupTests.js '
100644 blob fe302b4a5049693ca40913b556e3c5210424ad0d    src/setupTests.js
> git mv 'src/setupTests.js ' 'src/setupTests.js'
fatal: bad source, source=src/setupTests.js , destination=src/setupTests.js
> git mv 'src/setupTests.js ' 'src/setupTests.js1'
fatal: bad source, source=src/setupTests.js , destination=src/setupTests.js1
> git rm 'src/setupTests.js '
fatal: pathspec 'src/setupTests.js ' did not match any files
> git rm 'src/setupTests.js'
fatal: pathspec 'src/setupTests.js' did not match any files
> ls -l
total 0
> git restore --staged 'src/setupTests.js'
error: pathspec 'src/setupTests.js' did not match any file(s) known to git
> git restore --staged 'src/setupTests.js '
error: invalid path 'src/setupTests.js '
error: pathspec 'src/setupTests.js ' did not match any file(s) known to git
> git restore --staged 'src/index.js '
error: pathspec 'src/index.js ' did not match any file(s) known to git
> git restore --staged 'src/index.js'
> git restore src/index.js
> ls -l
total 0
drwxr-xr-x 1 User None 0 Apr 27 13:35 src/
> ls -l src
total 1
-rw-r--r-- 1 User None 719 Apr 27 13:35 index.js
> git status --porcelain
...
D  src/index.css
D  src/serviceWorker.js
D  "src/setupTests.js "
D  src/utils/index.js
D  yarn.lock
#>git status --porcelain | awk '{ print $2 }' | while read path; git restore --staged "$path"; end;
>git status --porcelain | sed -r 's|^ ?\w +?||' | tr -d \" | while read path; git restore --staged "$path"; end;
error: invalid path 'src/setupTests.js '
error: pathspec 'src/setupTests.js ' did not match any file(s) known to git
>
git status --porcelain | sed -r 's|^ ?\w +?||' | tr -d \" | while read path; git restore "$path"; end;
error: pathspec 'src/setupTests.js ' did not match any file(s) known to git
> find -mindepth 1 | wc -l
227
> git status
On branch master
Your branch is up to date with 'origin/master'.

Changes to be committed:
  (use "git restore --staged <file>..." to unstage)
        deleted:    src/setupTests.js
> git status --porcelain
D  "src/setupTests.js "
> git commit
[master 0cb4a8e] Removing file with invalid path for git.
 1 file changed, 6 deletions(-)
 delete mode 100644 src/setupTests.js
>
git diff 1ce56b9dd792aebdb43802e3eac30f464eb3d934 -- 'src/setupTests.js '
...
>
git cat-file -p fe302b4a5049693ca40913b556e3c5210424ad0d > src/setupTests.js
> git commit
[master 1f568e7] Added troublesome file back to tree with correct path without trailing space.
 1 file changed, 6 insertions(+)
 create mode 100644 src/setupTests.js
> git ls-tree origin/master 'src/setupTests.js '
100644 blob fe302b4a5049693ca40913b556e3c5210424ad0d    src/setupTests.js
> git ls-tree HEAD src/setupTests.js
100644 blob fe302b4a5049693ca40913b556e3c5210424ad0d    src/setupTests.js
> git clone 'https://github.com/vanila-io/wireflow' 'wireflow-original'
read> wireflow-original
Cloning into 'wireflow-original'...

error: invalid path 'src/setupTests.js '

fatal: unable to checkout working tree
warning: Clone succeeded, but checkout failed.
You can inspect what was checked out with 'git status'
and retry with 'git restore --source=HEAD :/'
> cd wireflow-original
> git init
Reinitialized existing Git repository in D:/JStuff/Programming/Others/Internet/wireflow-original/.git/
> git remote add origin 'https://github.com/vanila-io/wireflow' -f
fatal: remote origin already exists.
> git checkout origin/master -f
error: invalid path 'src/setupTests.js '
> ls -l
total 0
> git clone 'https://github.com/Pysis868/wireflow' 'wireflow-fixed'
read> wireflow-fixed
Cloning into 'wireflow-fixed'...

> ls -l wireflow-fixed/
total 550
...
> find wireflow-fixed/ -mindepth 1 | wc -l
228

I was going to add a diff check for the fs contents, but that person's Part 1 method did not provide positive results as described, so I will go ahead with the PR.
At least the fixed repo I have does now.

Links

• https://stackoverflow.com/questions/63727594/github-git-checkout-returns-error-invalid-path-on-windows
  • Did not help much.
• https://brendanforster.com/notes/fixing-invalid-git-paths-on-windows/
  • Part 1 didn't seem to work..
  • Used the others under Part 2 and 3 to fix the problem and verify the solution!