Giter VIP home page Giter VIP logo

asciiflow's Introduction

ASCIIFlow is a client-side only web based application for drawing ASCII diagrams. You can use it at asciiflow.com.

Contributing

Installation

ASCIIFlow is built with Bazel. Bazel is most easily installed to the correct version through Bazelisk. See .bazelversion for the correct version if you aren't using Bazelisk.

npm install -g @bazel/bazelisk
yarn global add @bazel/bazelisk

For development, ibazel is also a very useful tool to help with automatic rebuilding and reloading.

npm install -g @bazel/ibazel
yarn global add @bazel/ibazel

Running ASCIIFlow locally

After installation of Bazel/Bazelisk, you can run ASCIIFlow locally with:

ibazel run client:devserver

Or without ibazel (won't do live reloading):

bazel run client:devserver

asciiflow's People

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

asciiflow's Issues

Have the ability to load/save file locally or to a git repo

Asciiflow2 looks great for us to use for architecture diagrams of our code and infrastructure.
We'd like to have those diagrams versioned and alongside code in our GIT repos.

I see two ways to enable that:

  1. Enable load-from/save-to a local file, which will be a git clone of the repo and then we'll do a Pull-Request to update it.

  2. Github integration directly. More complex and maybe less flexible?

BTW: Drive integration is cool, and I use it, but doesn't cover this specific need.

Zoom is way too sensitive

Zooming via mouse scroll is way too sensitive! It should be slowed by about factor 5 to 10. It is really hard to stop on a good zoom level because the slightest movement causes zoom to change significantly. It is really a sensitivity issue, not related to "scroll momentum" or such.

On Mac Yosemite, with Magic mouse and on trackpad, tested in Chrome and Safari.

Redo Button

Redo Button to appear once Undo Button is activated.

Diagonal lines

I realize this may be asking way too much (especially given the complexity of auto-routing connections which works fantastically at the moment), but are there any plans to support diagonals (presumably / and )? I would suggest that if such support is added that there's an option on export to double-up backslashes for target environments where this would be necessary.

ASCII export isn't

You seem to use some Unicode character for whitespace when exporting? That's pretty confusing and seems unnecessary. The tool is called ASCIIFlow after all!

The v letter get transformed into ^

Type v in a text box, close and open the file, the v get transformed into ^

hint: I noted that box containing the v letter is colored in blue..

tpm.js causing browser to freeze

Browser: Chrome 44.0.2403.107 (64-bit) MAC OSX.

JS console message repeats every second, browser process uses 100% CPU until crash:

tpm.js:72 PARENT message received: {"s":"oauth2callback:301245870","f":"oauth2relay821844053","c":0,"a":["http://asciiflow.com?state=669359844%7C0.48452533&error_subtype=access_denied&error=immediate_failed"],"t":"301245870","l":false,"g":true,"r":"oauth2relay821844053"}

Notes:

  • I am getting this almost anytime I switch tools, go to a new tab, then return, etc.
  • I did not allow access to Google drive because permissions are too expansive.
  • No third party Ad blockers, etc.

Bug on import from import-button

Hi,

When you import new schema, some chars are converted to others.

I give you a simple exemple.

I import this text :

test-test
value

The result inside asciiflow when imported (or exported again) is :

test+test
^alue

the - is replacer by a + and the v is replaced by a ^.

thanks

Moving a box also moves the arrow

When moving a box with a normal line attached, the line connector (+) stays still. However, with an arrow line attached, the arrow (<,^,>,V) moves with the box.

  +----           +----
  |               |
+-+---+  -->  +---+-+
| Box |       | Box |
+-----+       +-----+

vs.

  +----           +----
  |               |
+-v---+  -->  +-v-+-+
| Box |       | Box |
+-----+       +-----+

License Agreement?

Is there a license agreement for this project? I really like the project, but want to make sure I know how it's licensed before I run a local version or try developing new features.

Info button

We're thinking it would be a good idea to add an extra button that has a popup with Tool instructions, Troubleshooting, Bug Submission, Donate?, Copyright, Any additional links.

Limited drawing area

One enhancement which I suspect might be useful to many people using this utility, would be the ability to limit the drawing area to a particular region (especially a specific width like 80 characters). On the occasions I've used ASCII flow, it's been for diagrams in source comments (or documentation intended to be rendered on the console, like reST docs for Python APIs where a limit of 80 columns is reasonable to ensure all users can easily view the result).

A simple workaround I've used is to import a line 80 columns wide first so I know what the limits of my workspace are, but it'd be great if the tool could enforce (or perhaps just show?) this limit itself. Now I think of it, merely showing the limit might be a better idea (as it allows the overflow to be used as temporary space for drawing objects).

moving an item ?

Hi Lewis!

I LOVE! ASCIIFLow.com :)

and I just wrote a thank you in my recent project:
https://github.com/solyaris/telegram-bot-ruby-webhooks#thanks-to

Here a minor question (not a real issue):
Can I really MOVE an item (a box) ?
I'm asking because I see the button in ascciflow.com that state "Resize/move a box/line"
An I'm able to resize with success a box, but HOW I can MOVE ?
Maybe some CTRL/ALT keystroke command ?

Sorry for my stupid point
respect
giorgio

Constantly triggering unwanted zoom

We-the-users are used to using mouse scroll to... wait for it... scroll! ;-)

I suggest that mouse scroll should be used for scrolling (a.k.a. panning), while zoom feature should be enabled only when a keyboard key is pressed.

Probably best to use alt key, since it has no special meaning on Windows nor on Mac. Ctrl + scroll on Mac is used by built-in Accessibility zoom on OS level. Alt + scroll is common zoom gesture in several apps.

Consider an open source license

This is an amazing project. I'd love to see it available as open source / free software. Would you consider adding a license to it?

See GitHub's http://choosealicense.com/ site. AGPL might be a good choice, as that asks anyone running a hosted instance to contribute changes back.

Add take offline button

Would like to see a Take Offline button. I would like to get my pictures off the goggle box.

color

It would be good to have a colorpicker to draw color line, it can be very useful for drawing diagram etc...

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.