Your SlideShare is downloading. ×
0
Mar$n	  LippertSCRIPTED	  -­‐	  EMBRACING    ECLIPSE	  ORION      mlippert@vmware.com          @mar$nlippert
about me    Mar4n	  Lippert     Staff	  Engineer,	  R&D,	  at	  SpringSource/     VMware	  and	  lead	  of	  Spring	  Tool	...
implementing developer tooling     for a long time now (AJDT, Groovy-Eclipse, Grails IDE, Spring IDE, Cloud Foundry Integr...
But how will developer tooling    look like in the future?                       Or „why is Google able to search the whol...
what happensif you do things differently? lightweight instead of heavyweight       reusing existing tools  connecting inst...
Eclipse Orion„Open Source Platform forCloud Based Development“      similar direction     awesome platformvery modular and...
Eclipse Orion       provides a platform for:   navigating files and other contentclone from and push to git repositories   ...
orionhub.orgplayground hosted by Eclipse
Client               purely JavaScript             runs in the browser    plug-ins hosted in non-visible iframes          ...
IntroducingScripteda lightweight JavaScript editor  that runs in your browser
Choices and decisions       focus on editor       lightweight, fast      keystroke driven       running locallyadvanced co...
Choices and decisions                           Eclipse Orion                          (all JavaScript client)  navigator ...
Choices and decisions                    Eclipse Orion                   (all JavaScript client)  navigator               ...
Choices and decisions                                     content assistGit integration                         folding   ...
Choices and decisions                                  content assist                                     folding         ...
Choices and decisions                         content assist                            folding      Editor Component     ...
Choices and decisions                         content assist                            folding      Editor Component     ...
Choices and decisions                         content assist      Editor Component                            JSLint
Choices and decisions       Scripted Client       (all JavaScript client)                                 content assist  ...
Choices and decisions       Scripted Client       (all JavaScript client)                                   content assist...
Choices and decisions         Scripted Client         (all JavaScript client)                                     content ...
Choices and decisions                        Scripted Client                        (all JavaScript client)simple navigato...
Choices and decisions                        Scripted Client                        (all JavaScript client)simple navigato...
Choices and decisions                          Scripted Client                          (all JavaScript client)simple navi...
Choices and decisions            Eclipse Orion             (hosted or local)   serve JS/HTMS/CSS/files        Search     G...
Choices and decisions           Scripted Server           (local, all JavaScript)   serve JS/HTMS/CSS/files           search
Choices and decisions           Scripted Server           (local, all JavaScript)   serve JS/HTMS/CSS/files           sear...
Choices and decisions           Scripted Server           (local, all JavaScript)   serve JS/HTMS/CSS/files           sear...
Scripted overview                              Scripted Client                             (all JavaScript client)simple n...
Demo time...
Summary Eclipse Orion is an awesomeplatform for building browser-         based tooling
What is next?continuously contribute back to Orion     add more innovative featurescontinue to think beyond the borders
Resources                   Scripted project     https://github.com/scripted-editor/scripted                        Forumh...
Q&Aand thank you for your attention            Martin Lippert      Staff Engineer - VMware      mlippert@vmware.com       ...
Scripted - Embracing Eclipse Orion
Scripted - Embracing Eclipse Orion
Upcoming SlideShare
Loading in...5
×

Scripted - Embracing Eclipse Orion

6,055

Published on

The Eclipse Orion project provides a platform for building browser-based development tooling. In this talk we will show how we re-used parts of Orion to build the Scripted code editor, an editor-centric and browser-based tool for JavaScript and web developers. We'll talk about the design decisions that led to creation of a new serverside architecture using Node.js and the challenges in getting the Orion code editor to work with it. We'll also look at how we build and maintain modules usable in Scripted and in Orion.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,055
On Slideshare
0
From Embeds
0
Number of Embeds
44
Actions
Shares
0
Downloads
18
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Scripted - Embracing Eclipse Orion"

  1. 1. Mar$n  LippertSCRIPTED  -­‐  EMBRACING ECLIPSE  ORION mlippert@vmware.com @mar$nlippert
  2. 2. about me Mar4n  Lippert Staff  Engineer,  R&D,  at  SpringSource/ VMware  and  lead  of  Spring  Tool  Suite   development Working  areas •Eclipse  Tooling  for  the  Spring  plaAorm •Open  Source  CommiDer •Aspect-­‐Weaving  for  OSGi •Cloud  IDEs  and  JavaScript •Agile  soKware  development 2
  3. 3. implementing developer tooling for a long time now (AJDT, Groovy-Eclipse, Grails IDE, Spring IDE, Cloud Foundry Integration forEclipse, tc Server Integration for Eclipse, Gradle Integration for Eclipse, add-ons for m2e, Equinox Weaving)
  4. 4. But how will developer tooling look like in the future? Or „why is Google able to search the whole web in10ms and my Eclipse needs 100x longer to open a type hierarchy“
  5. 5. what happensif you do things differently? lightweight instead of heavyweight reusing existing tools connecting instead of integrating browser based cloud hosted ...
  6. 6. Eclipse Orion„Open Source Platform forCloud Based Development“ similar direction awesome platformvery modular and re-useable
  7. 7. Eclipse Orion provides a platform for: navigating files and other contentclone from and push to git repositories code (editing files) directly testing (hosting) our app + plug-in mechanism
  8. 8. orionhub.orgplayground hosted by Eclipse
  9. 9. Client purely JavaScript runs in the browser plug-ins hosted in non-visible iframes Server Java (OSGi application) relatively stupid (no real logic here)new: node.js-based JavaScript implementation
  10. 10. IntroducingScripteda lightweight JavaScript editor that runs in your browser
  11. 11. Choices and decisions focus on editor lightweight, fast keystroke driven running locallyadvanced code comprehension using inferencing engine module-aware content-assist
  12. 12. Choices and decisions Eclipse Orion (all JavaScript client) navigator content assistGit integration folding Editor Component site hosting JSLint sign-on Eclipse Orion (hosted or local) serve JS/HTMS/CSS/files search Git integration sign-on OSGi (Java)
  13. 13. Choices and decisions Eclipse Orion (all JavaScript client) navigator content assistGit integration folding Editor Component site hosting JSLint sign-on
  14. 14. Choices and decisions content assistGit integration folding Editor Component site hosting JSLint sign-on
  15. 15. Choices and decisions content assist folding Editor Componentsite hosting JSLint sign-on
  16. 16. Choices and decisions content assist folding Editor Component JSLint sign-on
  17. 17. Choices and decisions content assist folding Editor Component JSLint
  18. 18. Choices and decisions content assist Editor Component JSLint
  19. 19. Choices and decisions Scripted Client (all JavaScript client) content assist cross file Editor Component analysis JSLint
  20. 20. Choices and decisions Scripted Client (all JavaScript client) content assist cross file Editor Component analysis JSLint AMD support
  21. 21. Choices and decisions Scripted Client (all JavaScript client) content assist cross file Editor Component analysis JSLint CommonJS AMD support support
  22. 22. Choices and decisions Scripted Client (all JavaScript client)simple navigator content assist cross file Editor Component analysis JSLint CommonJS AMD support support
  23. 23. Choices and decisions Scripted Client (all JavaScript client)simple navigator content assist cross fileinplace outline Editor Component analysis JSLint CommonJS AMD support support
  24. 24. Choices and decisions Scripted Client (all JavaScript client)simple navigator content assist cross file inplace outline Editor Component analysissingle page layout JSLint CommonJS AMD support support
  25. 25. Choices and decisions Eclipse Orion (hosted or local) serve JS/HTMS/CSS/files Search Git Integration Sign-On OSGi (Java)
  26. 26. Choices and decisions Scripted Server (local, all JavaScript) serve JS/HTMS/CSS/files search
  27. 27. Choices and decisions Scripted Server (local, all JavaScript) serve JS/HTMS/CSS/files search node.js
  28. 28. Choices and decisions Scripted Server (local, all JavaScript) serve JS/HTMS/CSS/files search cross file analysis node.js
  29. 29. Scripted overview Scripted Client (all JavaScript client)simple navigator content assist cross file inplace outline Editor Component analysissingle page layout JSLint CommonJS AMD support support Scripted Server (local, all JavaScript) serve JS/HTMS/CSS/files search cross file analysis node.js
  30. 30. Demo time...
  31. 31. Summary Eclipse Orion is an awesomeplatform for building browser- based tooling
  32. 32. What is next?continuously contribute back to Orion add more innovative featurescontinue to think beyond the borders
  33. 33. Resources Scripted project https://github.com/scripted-editor/scripted Forumhttps://groups.google.com/forum/#!forum/scripted-dev Issue Trackerhttps://issuetracker.springsource.com/browse/scripted Sample project used herehttps://github.com/aeisenberg/scripted-demo-s2gx2012
  34. 34. Q&Aand thank you for your attention Martin Lippert Staff Engineer - VMware mlippert@vmware.com @martinlippert
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×