Investigate creation of custom bubble strings {...} about aceview HOT 16 CLOSED

@vladubogdan extracted from issue #5

from aceview.

I started a discussion on google groups. I already have something going but its not yet fully function. Maybe you can share a light - as you know more about ace

https://groups.google.com/forum/?hl=en&fromgroups=#!topic/ace-internals/tYt08v36-Kk

from aceview.

I don't know much beyond what it necessary to get it up and running. I'm definitely interested in adding the functionality you have in mind to ACEView, please do let me know when you reach a solution?

from aceview.

I have been successful in creating bubbles :) - how should we proceed?

from aceview.

Great! Do you have an example of how to make these custom strings (in JavaScript)? After seeing it I might have more ideas about how we could integrate the functionality into the framework.

from aceview.

Here comes a lot of new code

Add the following 2 new classes in your ace.js file

Moved to Gist

To see the exact way it works, in my app type an autocomplete string - e.g "audio." then press enter on a function with an argument
If the function has both mandatory and optional arguments the bubble will be displayed accordingly.

from aceview.

Wow. I definitely think we should add this functionality to ACEView, but we need to make sure it's general enough to be useful for everybody who wants to use the framework.

Since it's obviously quite a lot of code, would you mind splitting it up into multiple gists on one page [Gist]https://gist.github.com/]. You can do this by creating a new Gist, then clicking the "Add another file" button on the bottom right. You could replace the code you've got in your message above with a link to the multi-gist page.

Doing this should help us understand how it can be broken down.

from aceview.

I did

https://gist.github.com/vladubogdan/82145c4691cea4e50285

from aceview.

Cool easier to read. Are the functions in https://gist.github.com/vladubogdan/82145c4691cea4e50285#file-gistfile2-js present if you cd into the ACEView directory and do git submodule update? I've just updated the submodule to the latest commit on master, if the gistfile2 functions are there then we might not need to worry about that one?

from aceview.

I've made a JSFiddle: http://jsfiddle.net/faceleg/K5e46/ do you think you might be able to get it working in there?

from aceview.

If you have the latest ace then all we should care about is the snipper manager class which i create based on the instruction of the ace creator. Any news on that autocomplete merge? Can we do it on our own somehow?

from aceview.

For the bubble strings, all I need is to see a working example (you could make one here: http://jsfiddle.net/faceleg/K5e46/ - if this doesn't work then you could mock up an example, upload it somewhere and paste a link here for me to look at). After that we can decide how to incorporate it.

As for the code completion, I'm not sure what is happening with that pull request. You might be able to check it out and finish what they started? I'm wary of starting something on my own when I know the core devs are working on their own implementation.

from aceview.

If i give you a video of CodeHelper in action with this feature (i send you a license for it) - would that be ok?

from aceview.

I'd like to see it, sure, but to help add the functionality to the framework its best if I can see a working JS example.

from aceview.

I sent you a zip on the mail.

from aceview.

Hi @vladubogdan, I finally tried the demo - for me these events aren't firing:

editor.on('didClickOnBubbleText', function() {
    console.log('here');
});

editor.on('didClickOnBubbleTextDummy', function() {
    console.log('here');    
});

Should they fire?

from aceview.